1

我正在尝试使用带有 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）

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

4

1 回答 1

0

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

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

于 2014-06-26T12:49:08.683 回答