jquery拖放 - 在两个列表之间拖动,如何删除选中的列表

时间:2014-07-15 07:03:23

标签: jquery jquery-ui drag-and-drop

请将“列出的责任”中的2个以上拖到“选定的项目”

如果我删除“选定项目”中的任何列表(li),删除的列表需要添加“列出的职责”这是可能的

我的工作范例: jsfiddle.net/n8AEw/6 /

1 个答案:

答案 0 :(得分:0)

我为你创建了这个JSFiddle。您也可以使用$.append将html标签添加到元素中,如下所示:

$("#sortable-right").on("click", ".drop-close", function(){
        $("ul#sortable-left").append('<li class="ui-state-default ui-sortable-handle"> <strong>'+$(this).parents("li").find("strong").text()+'</strong><div class="ui-plus-desc"> <a href="#" class="drop-close">                                                        <i class="fa fa-times"></i></a><span>at 11:47, 21 June 2014 </span><span>by Mark Antany</span></div></li>');
    });

希望有所帮助......

注意:在append内部是从<li> ul#sortable-left内复制的html标记,我只需更改<strong>文字。