jQuery的排序追加格上落

Question

我有以下幾點：

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

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

後，我就#mydiv它附加預期的股利下降，但是當我使用了排序，並再度回落其追加另一格。什麼是更好的方法來做到這一點？

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/