点击lightbox外部以关闭图片

4
我问了作者,但他让我通过Github添加我想要的贡献,由于我对JavaScript不是很了解,我不知道如何做到这一点。希望你们能帮助我。 :)
以下是插件链接:http://brutaldesign.github.io/swipebox/ 基本上,我怎样才能使灯箱在点击图像外部的任何地方时关闭?就像大多数灯箱一样?
这个灯箱完美地满足了我的要求:http://fancyapps.com/fancybox/。我没有使用那个灯箱,因为它没有我需要的滑动功能。
我知道它必须与以下函数有关。
.click

提前感谢您!

1个回答

8

(更新了更多的事件和更好的事件委托)

尝试将以下脚本添加到您的页面中

<script>
    $(function(){
      $(document.body)
          .on('click touchend','#swipebox-slider .current img', function(e){
              return false;
          })
          .on('click touchend','#swipebox-slider .current', function(e){
              $('#swipebox-close').trigger('click');
          });
    });
</script>

对我来说完美地工作了!谢谢! - Nick Taylor

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接