jquery - Fancybox 3 - 防止移动 View 向上滑动或单击覆盖区域关闭

Question

我正在尝试制作一个只能通过关闭按钮关闭的 fancybox。我查看了 fancyBox3 文档，但仍然不知道。 fancybox默认设置只能防止鼠标点击外部关闭和鼠标触摸关闭。即使触摸设置设置为 false，向上滑动或单击覆盖区域关闭问题在移动 View 上仍然会发生。

我有一个示例脚本来显示 fancybox。

HTML

<div id="fancybox" style="display:none;">
  <img src="https://farm6.staticflickr.com/5519/9432166677_61aa7e7f90_m_d.jpg">
</div>

JS

$(document).ready(function() {
    $.fancybox.open({
    src: "#fancybox",
    type: "inline",
    clickSlide : 'false',
    clickOutside : 'false',
    touch: false            
  });
});

JSFIDDLE

有什么办法可以防止手机近距离滑动吗？谢谢!

Answer 1

试试这个。给出 "touch":false 而不是 touch: false。

$(document).ready(function() {  
  $.fancybox.open({
    src: "#fancybox",
    type: "inline",
    clickSlide : 'false',
    clickOutside : 'false',
    "touch":false	
  });
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.25/jquery.fancybox.min.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.25/jquery.fancybox.min.js"></script>

<div id="fancybox" style="display:none;">
  <img src="https://farm6.staticflickr.com/5519/9432166677_61aa7e7f90_m_d.jpg">
</div>