GMap在Jquery Mobile页面中使用IScrollView

Question

我有一个使用JQuery Mobile v1.3.2实现IScrollView的Web应用程序。当我垂直滚动地图时，滚动视图也会滚动。有没有办法禁用这种行为，在滚动 gmap 时取消 iscroll 滚动？

提前谢谢。

Answer 1

问题是地图似乎仍然将触摸事件传播到 iscroll。让我们尝试通过 stopPropagation（） 来防止这种情况发生;

编辑
这是工作jQuery移动小提琴

var map_canvas = $('#map_canvas')[0];
// "mousedown" should be "touchstart" on mobile device
$(map_canvas).bind('mousedown', function(e) {
    e.stopPropagation();
});

这里有一个普通的javascript的小提琴。

var map_canvas = document.getElementById('map_canvas');
// "mousedown" should be "touchstart" on mobile device
map_canvas.addEventListener('mousedown', function(e) {
    e.stopPropagation();
}, false);

附言
在这里找到 stopPropagation 文档的链接，有时非常方便;)