featherlight.js图库滑动触摸启用禁用鼠标导航

时间:2016-07-29 21:59:39

标签: jquery featherlight.js

我使用featherlight.gallery.js制作了一个图库,并按照说明(https://github.com/noelboss/featherlight/#featherlight-gallery)加载了jquery detect_swipe.js,包括滑动/触摸支持。

问题是我想同时进行滑动/触摸和鼠标点击导航,出于某种原因,它会以某种方式出现。如果我在平板电脑上,即使可以,我也不一定要刷卡,因为我可能正在使用鼠标进行导航。

我用detect_swipe.js文件创建了一个小提琴,它使用touch而不是mouse:

http://jsfiddle.net/scotsscripts/JNsu6/213/

这是没有启用触摸功能的示例featherlight gallery小提琴(羽毛灯“官方示例”的副本):

http://jsfiddle.net/JNsu6/15/

HTML是超级基本的,唯一改变的是是否加载了detect_Swipe.js:

<h3>Gallery</h3>
<div data-featherlight-gallery data-featherlight-filter="a">
  <a href="http://farm8.staticflickr.com/7070/6874560581_dc2b407cc0_b.jpg"><img src="http://farm8.staticflickr.com/7070/6874560581_dc2b407cc0_q.jpg" /></a>
  <a href="http://farm5.staticflickr.com/4005/4400559493_3403152632_o.jpg"><img src="http://farm5.staticflickr.com/4005/4400559493_f652202d1b_q.jpg" /></a>
  <a href="http://farm1.staticflickr.com/174/396673914_be9d1312b1_o.jpg"><img src="http://farm1.staticflickr.com/174/396673914_be9d1312b1_q.jpg" /></a>
</div>

任何想法为什么鼠标和触摸不能一起工作?任何简单的修复?提前谢谢。

1 个答案:

答案 0 :(得分:0)

查看可能解决您问题的upcoming change