jQuery拖放，複製刪除上的克隆

Question

不知道什麼是錯誤的，但是當我在第二個列表中刪除項目時，我正在編輯該複製，drop上的html代碼以及添加到項目的內容是被複制。

例如，我正在放置圖像，但在放置時我想添加文本框和標籤，我的代碼添加了文本框和標籤，但兩次。

這裏是我的代碼：

$("#left-pane li").draggable({ 
    containment: '#gbox', 
    cursor: 'move', 
    helper: 'clone', 
    scroll: false, 
    connectToSortable: '#right-pane', 
    appendTo: '#right-pane', 
    start: function() {}, 
    stop: function (event, ui) {} 
}).mousedown(function() {}); 

$("#right-pane").sortable({ 
    sort: function() {}, 
    placeholder: 'ui-state-highlight', 
    receive: function() {}, 
    update: function (event, ui) {} 
}); 

$("#right-pane li").live('dblclick', function() { 
    $(this).remove(); 
}) 

$("#right-pane").droppable({ 
    accept: "#left-pane li", 
    accept: ":not(.ui-sortable-helper)", 
    drop: function (event, ui) { 
     $(ui.draggable).append("<div class='single-item'><input type='text' class='item-title' /><br /><textarea class='item-text'></textarea></div>"); 
    } 
}); 

$("#left-pane").droppable({ 
    accept: "#right-pane li", 
    drop: function (event, ui) {} 
}); 

$("ul, li").disableSelection(); 

HTML：

<ul id="left-pane"> 
    <li><img src="example.png" /></li> 
    <li><img src="example2.png" /></li> 
    <li><img src="example3.png" /></li> 
</ul> 

<ul id="right-pane"> 
</ul> 

Answer 1

不知道爲什麼它加了兩次，但這裏是一個快速的解決方案來修復您的問題。 （這可能與Iswanto San在問題的評論中發佈的錯誤有關）。

http://jsfiddle.net/Robodude/Y7RmR/

我更新了降功能檢查，看看它是否已經包含了你想添加的格。如果是這樣，那麼它不會再次放置它。

$("#right-pane").droppable({ 
    accept: "#left-pane li", 
    accept: ":not(.ui-sortable-helper)", 
    drop: function (event, ui) { 
     if ($(ui.draggable).children('.single-item').length == 0) 
     { 
      $(ui.draggable).append("<div class='single-item'><input type='text' class='item-title' /><br /><textarea class='item-text'></textarea></div>"); 
     } 
    } 
});