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

a内没有<li>item 1</li>，因此永远不会调用该函数。所以

代替：

$("#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();
     });