jQuery UI IE7嵌套無序列表錯誤

Question

我試圖獲得它，以便每個子列表只能在其組內排序。 這在FF中完美運行，但在IE中，它會移動整個父級或使用e.stopPropagation();完全在子級內殺死功能。我需要孩子內部的功能。

對此提出建議？

$(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(); 
}); 

}); 

和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> 

測試在IE6/7/8，鉻，FF。