Jquery拖放 - 添加 - 删除

时间:2014-07-15 09:05:37

标签: jquery html jquery-ui

我需要将已删除的列表(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();
     });

1 个答案:

答案 0 :(得分:0)

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