（Android / iphone）具有多个图像的图像库存在问题？
我使用jQuery mobile在HTML5，JavaScript和CSS中制作了一个图片库。 IE Phonegap平台确定。
这些图像会动态地加载并加载，如下所示：
http://torontographic.com/wordpress/mouseSwipe/mouseSwipe.html
鼠标滑动滑块上方：
TYPE: 'mouseSwipe'
HORIZ: true
plugin available at
torontographic.wordpress.com
随之而来的问题是我无法点击图像并转到下一页，因为两个事件一起发生。
第二个问题是我无法从画廊放置的地方向下滑动页面，除了画廊不存在的其他区域。
为了更清楚地说明，我正在制作新闻应用程序，其中添加了5至10个类似Pulse新闻应用程序的图库。
我对这个问题的一些细节有点困惑，但我不希望看到这个问题完全没有答案，以防别人有这个问题。
此插件（mouseSwipe）会覆盖移动设备的默认拖动功能。 尽管通常设备会在鼠标启动事件上滚动页面，但该插件会覆盖该行为以检测元素上的点击移动。 由于它会中断该功能，因此拖动相反的方向（用于滚动）也会中断。 如果插件仍由所有者维护（它似乎不是），则可以更新该插件来解决此问题，或发出可用于手动创建所需功能的事件。
我想这也是给你点击去指定页面的麻烦。
如果你想要我的诚实意见，我会选择一个不同的库，可能只是专注于移动设备的可移动性，然后单独处理桌面功能（尽管如果你使用的是PhoneGap，很可能你甚至不会发布这到桌面的Web平台）。 如果它将在网络上，您可以使用modernizr（或类似的）来确定设备是否支持触摸输入，然后执行如下所示的操作：
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（）与return false什么是事件冒泡和捕获？
您无法上下滑动的原因可能是由于“滑动”事件占用了“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手机的经验，但我认为这些问题是相似的。
链接地址: http://www.djcxy.com/p/27041.html上一篇: (Android/iphone) Image gallery with multiple images is giving problems?