jquery拖放 - 添加 - 刪除

Question

我需要添加刪除列表（li）從「list-B」到「list-A」

這是可能的嗎？

我的代碼

HTML：

<div id="list-A">  
    <ul id="sortable-left" class="connectedSortable mdm-left-sortable ui-sortable"> 
    <li>item 1</li> 
    <li>item 2</li> 
    <li>item 3</li> 
    </ul> 
</div> 
<br /> 
<div id="list-B">  
    <ul id="sortable-right" class="connectedSortable mdm-right-sortable clearfix ui-sortable"> 

    </ul> 
</div> 

JS：

 $("#sortable-left, #sortable-right").sortable({ 
     connectWith: ".connectedSortable", 
     receive: function(e,ui){ 
     } 
    }); 

    $("#sortable-right").on("click", "li a", function() { 
     $(this).closest('li').remove(); 
    }); 

Answer 1

裏面有<li>item 1</li>沒有a，因此函數永遠不會被調用。所以

相反的：

$("#sortable-right").on("click", "li a", function() { 
     $(this).closest('li').remove(); 
    }); 

試試這個：

$("#sortable-right").on("click", "li", function() {//removed 'a' 
     $(this).closest('li').remove();// or you can use: $(this).remove(); 
    });