jQuery Sort在Drop上附加div

Question

我有以下内容：

$(".myclass").sortable();

$("#mydiv").droppable({
    drop: function( event, ui ) {
        $(this).append( "<div>Test</div>" );
    }    
}); 

在我放弃#mydiv之后，它会按预期附加div，但是当我使用sortable并再次删除它时会附加另一个div。什么是更好的方法呢？

Answer 1

您可以检查已删除的元素是来自可拖动元素还是可排序元素。为此，您可以检查元素是否具有ui-draggable类，如果没有退出您的功能。

代码：

$("#mydiv").droppable({
    drop: function (event, ui) {
        if (!ui.draggable.hasClass('ui-draggable')) return
        $(this).append("<div>Test</div>");
    }
});

演示：http://jsfiddle.net/IrvinDominin/hsTFN/