jquery与带有fancybox的jquery循环滑块冲突

我有一个网站，它使用一个名为“cycle”的jQuery滑块。当你点击一张幻灯片时，一个fancybox弹出。滑块然后暂停，这是正确的，但我需要的是在fancybox关闭后滑块恢复。本质上，我无法让代码的第二部分正常工作

$('.fancy-box').click(function(){
console.log('pause is working')
$('.hero-carousel').cycle('pause');
});

$('.fancybox-close').click(function(){
console.log('resume is working');               
$('.hero-carousel').cycle('resume');
}); 

---

尝试对“关闭”按钮使用事件委托，以防它在运行中生成（因此在pageload上还不存在）：

更新：

因为这似乎已经解决了问题，我想解释一下问题是什么（以防将来有人遇到同样的问题）

加载页面时，没有类名为

fancybox close

的元素。因此，单击处理程序永远不会附加到任何对象

---

$（“body”）。在（“单击”，“fancybox关闭”，函数（事件）{…}）上

将侦听body标记内发生的任何单击（几乎每次单击都是如此），如果该单击源自类名为

fancybox close

的元素，则它将执行该函数。因此，我们现在不再依赖于页面加载中是否存在元素。

您能否提供一些相关的HTML请在没有看到您的HTML的情况下做很多事情，担心缺少HTML。史蒂夫的密码很有魅力。我知道这是fancybox的一个问题，我不知道如何在JSFIDLE中复制该功能。

$("body").on("click", ".fancybox-close", function(event){
    console.log('resume is working');               
    $('.hero-carousel').cycle('resume');
});