jquery éléments triables

Question

J'ai une liste comme ça. Je voudrais être capable de faire deux ensembles de sortables l'un dans l'autre. Tout comme vous faites glisser un pli dans un autre dossier ou un fichier vers un autre fichier et un répertoire d'arborescence. Cependant, j'ai juste besoin d'être triable au sein du parent afin qu'il ne devrait pas sortir du parent.

J'ai essayé le confinement mais pas de chance d'autres suggestions?

Answer 1

J'ai trouvé une solution rapide, mais je n'ai pas testé cela à un niveau plus profond alors supportez-moi, mais en théorie cela devrait fonctionner.

$('.dragger').unbind('mouseenter').bind('mouseenter',function (e){ 
     e.stopPropagation(); 
     $(this).parent().sortable({ 
      items:'li', 
      containment:'parent', 
      tolerance: 'pointer' , 
      handle: '.dragger', 
      revert: true, 
      placeholder: "ui-state-highlight", 
      forcePlaceholderSize: true, 
      cursor: 'move', 
     }).disableTextSelection(); 
    }); 
    $('.dragger').unbind('mouseleave').bind('mouseleave',function (e){ 
     $(this).parent().sortable('destroy'); 
    }); 

S'il vous plaît noter: que le .dragger est un élément dans l'élément li qui est pas sur la question initiale.