Jquery ui Jquery UI可排序-可拖动-丢失可排序

我有一个jqueryui可排序列表。我设置了一个“垃圾桶”来清除清单上我不想要的东西。一旦我在列表项上设置了“可拖动”选项，它们就不再排序了

垃圾桶

$("#trash").droppable({
      drop: function(ev, li)
      {
        var $element = li.draggable;
        $element.remove();
    $.ajax({                                      
        url: 'deltask.php',                          
        data: 'id='+$element.attr('id'),            
        dataType: 'html',                   
        success: function(data)          
        {
        }
    });

      }
});

使列表可排序

    // set our listdiv ul as sortable 
    $("#listdiv ul").sortable({ opacity: 0.6, cursor: 'move', update: function(){
        var order = $(this).sortable("serialize") + '&action=update'; 
        $.post("updatelist.php", order, function(){
        });                                                              
    }                                 
    }); // listdiv ul end

并使ul中的所有列表项都可拖动，以便我可以拖动并丢弃：

    $("#listdiv li").draggable({
        opacity : 0.7,
        revert  : 'invalid',
                helper  : 'clone',
                zIndex  : 100,
                cursor  : 'move'
        });

只要我不包括上面使

可拖动的部分，排序就可以工作。添加这些，让我拖动并丢弃它们，但列表项不再可排序

请问我的错是什么

谢谢， 史蒂夫

注意：我不知道回答自己问题的方法，所以我只是在编辑我的原始问题！如果我做错了，请有人打我一巴掌。

上述问题的解决方法：

睡过觉后，我想：“为什么要费心把我的可排序列表变成可拖动的，把我的垃圾桶变成可拖放的？”

我只是将我的垃圾桶设置为可排序的，并在我的列表div和垃圾桶div上使用

connectwith

，然后设置一个接收事件处理程序，这应该可以工作吗？让我们看看

$("#trash").sortable({

      connectWith: '#listdiv',
      receive: function(event, ui)
      {
     var $element = ui.item;
//        alert ( $element.attr('id') ) ;

        // remove this from original list
        $element.remove();

    //remove this item from trash list
    $("#trash li").remove(),

        // remove from database
    $.ajax({                                      
            url: 'deltask.php',                          
            data: 'id='+$element.attr('id'),            
            dataType: 'html',                   
            success: function(data)          
            {
            //  alert(data);
            }
    });

      } // end receive
}); // end trash



// set our listdiv ul as sortable 
$("#listdiv ul").sortable({
    opacity: 0.6,
    cursor: 'move',
    connectWith: '#trash',
    update: function()
        {
            var order = $(this).sortable("serialize") + '&action=update'; 
            $.post("updatelist.php", order, function(){
            });      
        }   
}); // end  listdiv ul sortable

我的原始列表排序很好，我可以将列表项拖到垃圾箱“列表”中，然后在它从原始列表、垃圾箱列表和数据库中到达时将其删除（）

也许不太优雅，但嘿，它很管用