jQuery UI IE7 imbriqué liste non-bug

Question

J'essaie de l'obtenir de sorte que chaque sous-liste ne peut être ordonnée dans son groupe. Cela fonctionne parfaitement dans FF, mais dans IE il déplace le parent entier ou, en utilisant e.stopPropagation(); tue complètement la fonctionnalité au sein de l'enfant. J'ai besoin de la fonctionnalité vivant dans l'enfant.

Suggestions?

$(document).ready(function() { 

    $("#sortable2").sortable({ 
     opacity: 0.5, 
     stop:function(i){ 
     $.ajax({ 
      type: "GET", 
      url: "?", 
      data: $(this).sortable("serialize") 
     }); 
     } 
    }); 


$("#sortable2").selectable(); 
$("#sortable2").disableSelection(); 

$('#sortable2 ul').bind('mousedown', function(e) { 
    e.stopPropagation(); 
}); 

}); 

Et le code HTML:

<ul id="sortable2"> 
    <li>One</li> 
    <li>Two</li> 
    <li>Three 
     <ul id="sortable2"> 
      <li>One-3</li> 
      <li>Two-3</li> 
     </ul> 
    </li> 
</ul> 

Answer 1

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
<script> 
$(document).ready(function() { 
    $(".sortable2").sortable({ 
     opacity: 0.5, 
     stop:function(i){ 
     $.ajax({ 
      type: "GET", 
      url: "?", 
      data: $(this).sortable("serialize") 
     }); 
     } 
    }).bind('mousedown', function(e) { 
     if ($.browser.msie) { 
      e.stopPropagation(); 
     }; 
    }); 
}); 
</script> 

<ul class="sortable2"> 
    <li>One</li> 
    <li>Two</li> 
    <li>Three 
     <ul class="sortable2"> 
      <li>One-3</li> 
      <li>Two-3</li> 
     </ul> 
    </li> 
</ul> 

Testés dans IE6/7/8, Chrome, FF.