JQuery UI 在 Android 默认浏览器中可拖动和触摸打孔

Question

我正在尝试使用带有 Touch Punch 库 (http://touchpunch.furf.com/) 的 JQuery UI 来实现拖放行为。除了默认的 android 浏览器外，所有浏览器在 android 和 ios 上一切正常。在 touchpunch 网站上提供的最简单示例中，一切都可以正常工作，但是当您有许多可放置区域（或在某些其他情况下）时，默认 android 浏览器中的拖放不起作用（或工作非常糟糕）。我为这种情况写了一个例子： http://jsfiddle.net/u6cNS/166/

$(".drag" ).draggable();
$(".drop" ).droppable({
    drop: function( event, ui ) {
        $( this )
        .addClass( "ui-state-highlight" )
        .find( "p" )
        .html( "Got it!" );
    }
});

（参见 jsfiddle 上的 html）

欢迎任何解决方案或变通方法。

Answer 1

如果有多个可放置区域，您可以尝试“接受”选项。

这里解释了如何使用它：http://api.jqueryui.com/droppable/#option-accept