2013-09-27 57 views
0

我有一個用JQuery Mobile v1.3.2實現IScrollView創建的webapp。 當我垂直滾動地圖時,滾動視圖也會滾動。 有沒有辦法禁用該行爲,以滾動gmap時取消iscroll滾動?Jquery移動頁面內的GMap與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); 


P.S.甲小提琴
查找here鏈接到stopPropagation文檔,有時非常方便;)