Question

我正在为客户端开发自定义jQuery灯箱解决方案。我使用data属性创建关系图像（与fancybox相同）。在灯箱关闭时，我重置变量，以便下次打开图库时我的索引将为0（这决定了是否显示上一个/下一个按钮）。

奇怪的是，下次打开图库并单击下一个图标时，控制台会显示变量currentIndex的2个值。在关闭它并打开第三个图库时，它显示了变量currentIndex的3个值。

任何想法如何解决这个问题？

Answer 1

每次点击.cm-gallery

时，您都会绑定新的点击处理程序

$('.cm-gallery').click(function(e){
    /* ... */

    $('.gallery-overlay .image-container .gallery-next').click(function(){

因此，第一次单击时，下一个按钮有1个单击处理程序，第二个单击2个单击处理程序等。

您应该将click处理程序移到另一个单击处理程序之外，以便处理程序只附加一次。