jQuery：使用切換按鈕在多個列表之間移動項目

Question

我有三個列表，每個項目都有一個按鈕工具欄。這些名單是上演的，現場直播和固定的。我正在嘗試使用切換按鈕在列表之間移動項目。正如你可以從下面的jsfiddle例子看到的，我有按鈕移動項目，但是我遇到了兩個我希望得到一些幫助的問題。我是一名視覺學習者，我已經看遍了整個Stackoverflow和谷歌的一個例子，沒有運氣。

備註 - 編輯按鈕和垃圾按鈕不移動項目。我將在每個切換操作中執行一次ajax調用來提交每個更改，我在我的js文件中提到了這一點。

工作實例：http://jsfiddle.net/RuRdZ/3/

的問題：

1 - 當你點擊一個按鈕，例如「讓現場」中上演列表中，該項目正常移動到活動列表，但這個項目上的按鈕似乎被禁用 - 移動後我無法刪除該項目或使其重新上演。這將是一個問題，因爲我的目標是不刷新頁面。

2 - 再次將項目從列表移動到列表時，我試圖弄清楚如何使適當的按鈕消失/出現。例如，如果我製作一個上演的物品，當物品移動時，我想隱藏「生活」按鈕並顯示「階段」按鈕。我嘗試了幾件事，但我不認爲我使用了正確的選擇器。在每個標題中，我列出了應出現在每個列表中的正確按鈕。

謝謝你的幫助！

Answer 1

不使用克隆，存在追加元素到另外一臺從原來的容器元素刪除它 - 它解決了與按鈕事件的問題

做一個處理所有動作 - 那麼你會挺過來的按鈕控制相應地顯示或隱藏它們

eg

function doAction($element, buttonsToHide, $containerAppendTo) { 
    $containerAppendTo.append(element); 
    //loop over all buttons inside clicked li 
    $('.fg-buttonset', $element).each(function(){ 
    $currBtn = $(this); 

    $currBtn.toggle(!$currBtn.hasClass(buttonsToHide)); //show|hide if needed 
    }); 
} 

    $(".doStage").click(function() { 
    var $el = $(this).closest('li'); 
    doAction($el, 'stagedButton', $('#test-list3')); 
    });