Question

我正在使用PrettyPhoto灯箱，我试图阻止灯箱打开，除非图像有“活动”类。它正在Contentflow脚本中使用，它将活动的类添加到居中的聚焦图像中。图像有一类“项目”。我正在使用data-href，因为由于contentflow中的一些限制，我需要将我的图像放在一个而不是一个标签中。我尝试了以下代码：

HTML

   <div class="item"  title="Image" data-href="image.jpg" data-rel="prettyPhoto">
   <img  alt="image" src="thumb.jpg" /></div>

脚本

$('#gallery').on('click', '.item:not(.active)', function (e) {
e.preventDefault();
e.stopPropagation();
});

 $('.item[data-href]').each(function() { 
 $(this).attr('href', $(this).attr('data-href'));
  });

 $(".item").prettyPhoto();

无论如何，每个图像都会在灯箱中打开。我也试过这个：

$('.item:not(.active)').off('click');

由于我还在学习jQuery，如果有人能指出我正确的方向，我会很感激！

Answer 1

而不是使用$(".item").prettyPhoto();为什么不简单地说$(".active").prettyPhoto();？

防止jquery灯箱中的点击功能

1 个答案: