带有 IScrollView 的 Jquery Mobile 页面内的 GMap

【问题标题】：GMap inside Jquery Mobile page with IScrollView带有 IScrollView 的 Jquery Mobile 页面内的 GMap
【发布时间】：2013-09-27 17:20:06
【问题描述】：

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

提前致谢。

【问题讨论】：

标签： html jquery-mobile iscroll iscrollview

【解决方案1】：

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

编辑
这是工作的 jQuery 移动版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);

附言
查找here stopPropagation 文档的链接，有时非常方便；）

【讨论】：