將源代碼拖放到fieldchoose.js中

Question

我必須創建拖放功能才能將項目從一個區域移動到另一個區域。爲此，我使用fieldchooser.js。它可以幫助我從源代碼拖放到源代碼，源代碼到目的地，目的地到源代碼以及目的地到目的地。但我想刪除從源代碼到源代碼的拖放。 fieldchooser.js怎麼可能？

Answer 1

我有一個想法來解決你的問題。有沒有辦法避免在同一列中拖動&，但我認爲避免這種行爲的一種方法是禁用mousedown上的項目並在mouseup上重新激活它們。 這個想法，簡而言之，就是將所有不想移動到同一列表中的所有項目（這裏是關於this的jquery文檔）設置爲被阻止，並在其他列表中移動時重置所有項目，與mouseup。 這裏有一個JavaScript，我用來測試這個解決方案。

$("#sourceFields div").mousedown(function(){ 
    $(this).siblings().addClass("ui-state-disabled"); 
    $("#sourceFields").sortable({ 
     items: "li:not(.ui-state-disabled)" 
     }); 
    }); 
$("#sourceFields div").mouseup(function(){ 
    $(this).siblings().removeClass("ui-state-disabled"); 
    $("#sourceFields").sortable({ 
     items: "li:not(.ui-state-disabled)" 
    }); 
}); 

您需要，無論如何，管理這個解決方案的一些副作用。這個腳本並不是完整的解決所有的行爲，但也許是解決方案的一小步。

我希望能夠有用。