Android 滑动和移动页面冲突事件
在我的web应用程序中,有一个图像库,它使用滑动事件导航到下一张或上一张图片 如果用户放大到某个特定图像并尝试滑动以转到下一张或上一张图片,则除了触发滑动事件外,整个页面也会移动,这会造成糟糕的用户体验。注意,这不是一个问题,只要用户一直被缩小,但是,我不想以这种方式限制用户 我想知道是否有人遇到过这个问题,对于如何解决这个问题有什么建议 刷卡事件Android 滑动和移动页面冲突事件,android,jquery,iphone,jquery-mobile,swipe,Android,Jquery,Iphone,Jquery Mobile,Swipe,在我的web应用程序中,有一个图像库,它使用滑动事件导航到下一张或上一张图片 如果用户放大到某个特定图像并尝试滑动以转到下一张或上一张图片,则除了触发滑动事件外,整个页面也会移动,这会造成糟糕的用户体验。注意,这不是一个问题,只要用户一直被缩小,但是,我不想以这种方式限制用户 我想知道是否有人遇到过这个问题,对于如何解决这个问题有什么建议 刷卡事件 $('.slideshowFrame').swipeleft(function () { galleryIndex = ++galleryI
$('.slideshowFrame').swipeleft(function () {
galleryIndex = ++galleryIndex%gallery.itemCount; //update index
$('.gallery-img-container').attr("src", gallery.item[galleryIndex].image);
});
非常感谢您的建议,非常感谢 在移动到其他视图之前,请尝试侦听
调整大小
事件。我想有一种方法可以.trigger('resize')
,但老实说,我从未尝试过。@Omar,谢谢你的回复。虽然,resize事件在触摸设备上不起作用,特别是因为当你在触摸设备上缩放时,它不会像浏览器那样改变文档元素的流动,所以你并没有像浏览器那样调整大小。我只是在iPad(chrome)上测试了它,它启动了几次,然后停止了。现代浏览器在缩放时触发调整大小
。我会继续测试的。我刚刚在iPad safari和iPhone safari上测试过,从未发射过一次。不应该。它在非触摸设备缩放时启动。我很惊讶它在iPad chrome上启动。。。然而,这似乎不是一个足够强大的解决方案,无法在生产中使用。请发布您的视口元标记好吗?