【问题标题】:Photoswipe swipe controls on touch screens without jquery mobile没有jquery mobile的触摸屏上的Photoswipe滑动控件
【发布时间】:2014-03-02 19:01:39
【问题描述】:

我有一个图片库页面,我使用http://www.photoswipe.com/ 在图片库中的图片之间切换。一切都完美无缺,除了在移动设备上,如果没有 jquery 移动库,它就无法识别滑动手势。我不喜欢使用 jquery mobile,因为它在样式、添加我不想要的东西等方面做了太多自己的事情。

我所依据的例子在这里。基本上尝试使用这个完全相同的页面,除非不使用 jquery mobile:http://www.gregoryjewellers.com.au/libraries/jquery/photoswipe/examples/04-jquery-mobile.html#Gallery1。除了我的 photoswipe 调用只是:

$(document).ready(function(){
    var myPhotoSwipe = $("#Gallery a").photoSwipe({ enableMouseWheel: true , enableKeyboard: true , preventDefaultTouchEvents: true });
});

有没有办法在没有 jquery mobile 的情况下使用触摸屏手势来实现 Photoswipe?如果是这样,那里有例子吗?

【问题讨论】:

  • 如果只是想创建左/右滑动,你真的不需要任何额外的插件。您可以自己创建它们。 stackoverflow.com/questions/20565126/… 查看 JS 第 3 部分如何使用 touch 事件。

标签: jquery jquery-mobile photoswipe


【解决方案1】:

事实是 PhotoSwipe 是建立在 jQuery Mobile 库之上的。 jQuery Mobile 正在激活具有 data-role="page" 属性的链接和 div。大多数情况下,您可能会弄乱链接(锚标签)。如果是这样,请在链接中使用 rel="external"。

【讨论】:

  • 它是链接的混合体,它在其中添加了一个 div,将内容添加到 body 标签等,这似乎真的搞砸了我的布局。除非我愿意,否则我不希望 jquery mobile 触摸我的任何 HTML,我只是并且我没有看到任何方法来防止这种情况发生。
猜你喜欢
  • 1970-01-01
  • 2017-01-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多