fancyBox 3 afterjhow在ajax创建触发器时不工作

Question

我尝试在加载fancyBox弹出窗口后触发一个函数：

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>

知道为什么吗？

Answer 1

如果您在内容存在之前初始化fancyBox，那么

1）查看文档 - http://fancyapps.com/fancybox/3/docs/#usage和

2）尝试这样的事情：

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