jQuery UI可以從手風琴中拖出

Question

我需要能夠使用jQuery UI將手風琴拉出手風琴。不幸的是，被拖動的物品在手風琴中被「困住」。

文檔說，使用：

$(".selector").draggable({ appendTo: 'body' }); 

導致元件被拖動要除去從它的當前父，並加入到所提供的元件，在這種情況下，體。但是，這是行不通的。如果用旁邊的克隆選項，它工作：

$(".selector").draggable({ appendTo: 'body', helper: 'clone' }); 

不過，我不希望這件克隆具有兩個人的屏幕上立刻會混淆我們的用戶。

如何從手風琴中拖出項目並防止其被克隆？

Answer 1

shaun5的答案爲我工作，我最終這樣做來解決這個問題。該行爲與預期略有不同（例如，我應該更改CSS可見性屬性而不是顯示），但它行得通。

$('.selector').draggable({ 
     appendTo: 'body', 
     helper: 'clone', 
     revert: 'true', 
     start: function() { 
      $(this).hide(); 
     }, 
     stop: function() { 
      $(this).show(); 
     } 
    });