尤明明Blog

网站建设外包|网站切图外包,技术不仅是一种专业,更是一种责任!

您的当前位置: 首页 » 前端学习 » jQuery插件 »

Fancybox 3移动设备上点击空白位置关闭

2023-10-26   Umming   jQuery插件    评论(0)    浏览(242)


Fancybox 3.5.7在移动部分修改原始源代码的移动部分的解决方案:
  $(".fancybox").fancybox({
      buttons: ['close'],
      arrows: false,
      mobile : {
       clickContent : "close",
       clickSlide : "close"
      }
    })
按照上面的方法点击关闭有延迟。延迟发生在单击时,以了解是否会有双击。需要时间来查看是否有另一次点击,如果没有,则图像关闭。因此,源码中删除doubleclick功能(dblclickContent & dblclickSlide),则会消除延迟问题。
mobile: {
                preventCaptionOverlap: !1,
                idleTime: !1,
                clickContent: function (t, e) {
                    return "image" === t.type && "close";
                },
                clickSlide: function (t, e) {
                    return "image" === t.type && "close";
                },


标签: fancybox

本文链接:https://www.umming.com/jquery/317.html     百度已收录

声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!


发表评论: