问Phonegap-(Android/iphone)包含多张图片的图片库有问题吗？

EN

我对这个问题的一些细节有点困惑，但我不喜欢看到这个问题完全没有得到回答，以防其他人也有这个问题。

此插件(mouseSwipe)覆盖移动设备的默认拖动功能。虽然通常设备会在鼠标启动事件上滚动页面，但这个插件会覆盖该行为，以检测在元素上的点击移动。由于它会中断该功能，因此向相反方向拖动(用于滚动)也会中断。如果插件仍然由所有者维护(看起来不是)，可以更新它来修复这个问题，或者发出事件，可以用来手动创建你想要的功能。

我想这也是给你带来麻烦的地方，因为你点击去指定的页面。

如果你需要我的诚实的意见，我会选择一个不同的库，也许只专注于移动设备的易用性，然后单独处理桌面功能(但是，如果你使用PhoneGap，你可能甚至不会将其发布到桌面的web平台上)。如果要将其放在web上，您可以使用现代(或类似)来确定设备是否支持触摸输入，然后实现类似以下内容：

http://labs.rampinteractive.co.uk/touchSwipe/demos/Image_gallery_example.html

对于不支持触摸的设备，您可以退回到基于按钮/箭头的导航(毕竟，作为桌面用户，我不希望能够用鼠标来回拖动它)。

在文件http://torontographic.com/wordpress/mouseSwipe/jquery.mouseSwipe.js中，onmousedown函数具有以下代码。这将从默认行为中停止事件，并在某些情况下停止捕获/冒泡。您可能想要查看这些或库处理事件的方式。

e.preventDefault()

下面是关于如何停止JQuery传播和常规行为的更多信息。

event.preventDefault() vs. return false What is event bubbling and capturing?

你不能向上和向下滑动的原因可能是因为" swipe“事件占用了"movestart”或"move“事件。

我曾经在使用这个插件时遇到过一个类似的问题：http://stephband.info/jquery.event.swipe/

正如他们在网站上指出的那样，他们的解决方案是在事件上调用preventDefault方法，以防止它被阻止，如下所示。

jQuery('.mydiv')
.on('movestart', function(e) {
  // If the movestart is heading off in an upwards or downwards
  // direction, prevent it so that the browser scrolls normally.
  if ((e.distX > e.distY && e.distX < -e.distY) ||
      (e.distX < e.distY && e.distX > -e.distY)) {
    e.preventDefault();
  }
});

我没有使用jQuery手机的经验，但我认为问题是相似的。