当ajax创建触发器时fancyBox 3 afterShow不起作用

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'); }
});