拖放和可排序的jquery插件之间的冲突

我试图混合这些插件时遇到冲突,我的脚本基于一些演示.问题是,当我在同一个列表中拖动某些东西时,它会触发drop事件,并且该项目会被添加到列表的末尾,如果该项目被删除到另一个列表中,那么这是正确的,但是当我删除时,该项目不会被删除它在同一个列表中我想将它插入该位置(如果我禁用drop事件,它会起作用)

js代码:

$(document).ready(function() {
      $("#sortlist1").treeview();
      $("#sortlist1").droppable({  
        accept: ".item",  
        drop: function(ev, ui) {
            alert(ui.sender)
            $("#sortlist1").append($(ui.draggable));     
        } 
      });  
      $("#sortlist2").droppable({  
            accept: ".item",
            drop: function(ev, ui) {
                $("#sortlist2").append($(ui.draggable));  
            }  
          });
      $("#sortlist3").droppable({  
            accept: ".item",  
            drop: function(ev, ui) {
                $("#sortlist3").append($(ui.draggable));  
            }  
          });
      $('.sortlist').sortable({
          handle : '.icono',
          update : function () {
              $('input#sortlist').val($('.sortlist').sortable('serialize'));
          }
        });
    });

和HTML:

        

            

                
            
            numero 1
            

                
numero 1
                
numero 2
            
        
        
numero 2
        
numero 3
        
numero 4
        
numero 5
        
numero 6
        
numero 7
        
numero 8
        
numero 9
        
numero 10
        
numero 11
  
  

  
  

  

Eugene Lazut.. 7

你不能混合这些插件:它们处理相同的事件,不能合作.重新考虑您的UI,或使用不同的工具.

有可能吗？当然是.例如,Dojo DnD只允许使用一个组件进行排序和拖放:test_dnd.html(链接到调试服务器).

你不能混合这些插件:它们处理相同的事件,不能合作.重新考虑您的UI,或使用不同的工具.

有可能吗？当然是.例如,Dojo DnD只允许使用一个组件进行排序和拖放:test_dnd.html(链接到调试服务器).