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

Android默认浏览器中的JQuery UI Draggable和touch-punch

1 个答案: