jQuery .click() 轮播内的项目

Question

我在轮播中有一个项目，并将 .click() 事件绑定到它。它工作得很好，因为该项目位于轮播的第一页中，并且在加载时可见。

但是，如果我移动轮播使其变得不可见，然后移回到视口中，则 click() 事件不再起作用？

当它可见时，我可能只需要以某种方式再次注册它？

BTW Click 用于打开模态 jQuery UI 对话框

谢谢

Answer 1

根据您的评论，我确实注意到，当您循环浏览轮播时，点击不再有效。

我不知道这个插件具体是如何工作的。我想它可能会重新创建元素，并且事件处理程序会丢失。

解决此问题的一种方法是使用事件委托。
基本上，您会将 .quickQoute 上的点击的执行委托给容器，在您的情况下是轮播元素 #inner：

$('#inner').on('click', '.quickQoute', function () {
    $("#quickQoute").dialog({ closeText: ' ' });
    $("#quickQoute").dialog("open");
    return false;
});

有关使用 .on()

Answer 2

我建议使用 liveQuery 插件

这会在创建元素时自动将事件绑定到元素。例如：

$(".some_appearing_button").livequery('click',function () {

        alert("You clicked me!");
});

这允许您首先设置事件处理程序，并可以选择稍后创建元素，就像您的旋转木马一样。