内部带有gmap的可拖动div在移动浏览器上不起作用

Question

我想让一个 div 可拖动，这样我就可以拖动一个 gmap（就像一个小部件）。我不想拖动 gmap 的内容。

在我的JSfiddle 中，它适用于计算机浏览器，但不适用于移动浏览器。这是我的简单代码：

function initialize() {
    var mapOptions = {
        center: new google.maps.LatLng(-34.397, 150.644),

        zoom: 8
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
     map.setOptions({"draggable" : false });
    $(function() {
        $( ".drag" ).draggable();
    });
}

我能做什么？

我正在使用 jQuery UI Touch Punch 对触摸事件做出反应。

Answer 1

Jquery UI 当前不支持触摸事件。但是，您可以使用库来完成您正在寻找的行为。 Jquery UI Touch Punch 就是一个很好的例子。