带有IScrollView的Jquery Mobile页面内的GMap

Question

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

提前致谢。

Answer 1

问题是地图似乎仍然将触摸事件传播到iscroll。让我们尝试通过stopPropagation（）;

来防止这种情况

修改
这是工作jQuery mobile fiddle

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

使用简单的javascript here.

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

的 P.S。
查找here指向stopPropagation文档的链接，有时非常方便;）