jqueryui拖動元素多次

Question

如何設置拖放以允許多次拖動一個元素

我已經做了類似http://jsfiddle.net/28SMv/3/的操作，但是在將項目從紅色拖動到藍色后，該元素失去了“可拖動性”，並且我無法一次又一次地拖動它。

將revert：true添加到draggable似乎可以工作，但是然后我需要刪除幫助器：“ clone”不能同時使用它們

Answer 1

您正在復制/克隆元素，因此新元素顯然不會被拖動。 您可以使其可拖動，盡管這需要太多工作。 只需通過.append()移動原始文件即可。 請注意，當您將現有對象附加到另一個元素時，它將從其位置刪除原始對象。 在我看來，這就像您想做什么。

示例： http ： //jsfiddle.net/28SMv/7/

您可能希望這些項目可以轉移回原始div： http : //jsfiddle.net/28SMv/8/

請注意，我在那里使用jQuery 1.4.4，當您切換到1.5時它不起作用。 不知道這是錯誤還是jQuery的功能。 我的猜測是它的錯誤是1.5。

Answer 2

如果您拖動某個項目並放開而不放開，則該項目將不再可拖動。 我將從jsfiddle示例中刪除所有可放下的東西，只需將一堆可拖動對象放到屏幕上並嘗試使用。

一種可行的解決方案是在完成拖動后重新綁定可拖動對象。 認為：

function rebindDraggables() {
    $('...').draggable({
        ...
        stop: function() {
            rebindDraggables();
        }
    })
}

我不確定為什么在您的示例中，可拖動對象在第一次之后就不再可拖動了。 jQuery文檔可能會對此進行解釋。