div over map仍允许拖动/点击iOS

时间:2014-11-11 01:04:30

标签: javascript jquery html5 leaflet mapbox

编辑:我自己解决了这个问题。

function disableMap() {
    map.dragging.disable();
    map.touchZoom.disable();
    map.doubleClickZoom.disable();
    map.scrollWheelZoom.disable();
    map.boxZoom.disable();
    map.keyboard.disable();
    if (map.tap) map.tap.disable();
    console.log("map off");
}
function enableMap() {
    map.dragging.enable();
    map.touchZoom.enable();
    map.doubleClickZoom.enable();
    map.scrollWheelZoom.enable();
    map.boxZoom.enable();
    map.keyboard.enable();
    if (map.tap) map.tap.enable();
    console.log("map on");
}

$('form.filterbar').on('mouseover mousedown touchstart', function() {
    disableMap();
});

$('form.filterbar').on('mouseout mouseup touchend', function() {
    enableMap();
});
在CSS中

,设置元素的光标,使其可以处理点击/触摸事件......

form.filterbar {
    cursor: pointer;
}

0 个答案:

没有答案