2017-12-27 153 views
0

我試圖觸發一個函數創建後觸發的fancybox彈出加載:的fancybox 3 afterShow不工作時,通過AJAX

jQuery("[data-fancybox='car']").fancybox({ 
    afterShow: function() { 
     console.log('check me'); 
    } 
}); 

時通常創建(即在彈出的觸發它僅頁面加載),但是如果fancyBox的觸發器加載了ajax,afterShow不能控制'check me'文本。

這是觸發:

<a data-fancybox="car" data-type="ajax" data-src="<?php echo home_url();?>/?car_card=<?php echo $post->ID;?>" href="javascript:;"> 
    fancyBox Trigger - content is loaded fine, but afterShow does not fire when the trigger is created by ajax. 
</a> 

任何想法,爲什麼?

回答

0

如果你之前,你的內容存在,那麼

1)檢查出的文檔初始化的fancybox - http://fancyapps.com/fancybox/3/docs/#usage

2)嘗試這樣的事:

$().fancybox({ 
    selector : '[data-fancybox="car"]', 
    afterShow : function() { console.log('check me'); } 
});