2017-12-27 9 views
0

によって作成されたときにfancyBox 3 afterShowが機能していない:トリガが、私はfancyBoxポップアップがロードされた後の機能を発射しようとしている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

あなたのコンテンツが存在する前に、あなたがfancyBoxを初期化している場合は、

1)は、ドキュメントをチェックアウト - http://fancyapps.com/fancybox/3/docs/#usage

2)このような何かしてみてください:

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