如何删除拖放的元素

时间:2017-05-18 08:23:30

标签: jquery drag-and-drop

我试图在将元素拖入Bin(id =" list4")时尝试删除元素,但在拖入另一个列表时则不会。删除后我也会更新数据库。这是我用来删除放入list4的元素的代码。

for(var i = 0; i < $('#list4').length; i++){
    $( '#list4' )[i].remove();
}

删除<ul><li>元素,而不仅仅是<li>个元素。我做错了什么?

编辑 - 添加完整脚本

$(document).ready(function(){
    $("#list0, #list1, #list2, #list3, #list4").sortable({
        connectWith: ".connectList",
        update: function( event, ui ) {
            var list0 = $( "#list0" ).sortable( "toArray" );
            var list1 = $( "#list1" ).sortable( "toArray" );
            var list2 = $( "#list2" ).sortable( "toArray" );
            var list3 = $( "#list3" ).sortable( "toArray" );
            var list4 = $( "#list4" ).sortable( "toArray" );
            campaignBoardAJAX(window.JSON.stringify(list0), window.JSON.stringify(list1), window.JSON.stringify(list2), window.JSON.stringify(list3), window.JSON.stringify(list4));
            for(var i = 0; i < $('#list4').length; i++){
                $( '#list4' )[i].remove();
                }
        }
    }).disableSelection();
});

1 个答案:

答案 0 :(得分:0)

我的解决方案:

$(document).ready(function(){
    $("#list0, #list1, #list2, #list3, #list4").sortable({
        connectWith: ".connectList",
        update: function( event, ui ) {
            var list0 = $( "#list0" ).sortable( "toArray" );
            var list1 = $( "#list1" ).sortable( "toArray" );
            var list2 = $( "#list2" ).sortable( "toArray" );
            var list3 = $( "#list3" ).sortable( "toArray" );
            var list4 = $( "#list4" ).sortable( "toArray" );
            campaignBoardAJAX(window.JSON.stringify(list0), window.JSON.stringify(list1), window.JSON.stringify(list2), window.JSON.stringify(list3), window.JSON.stringify(list4));
            $("#list4").empty() ;
        }
    }).disableSelection();
});