jQuery UI的排序範圍和嵌套排序

Question

我的HTML：

<div class="demo"> 
    <div id="sortable" class="ui-state-default"> 
     <div id = "draggable1" class="">Home</div> 
     <div id = "draggable2" class="">Contact Us</div> 
     <div id = "draggable3" class=""> 
      <table id='srtTable'> 
       <tr> 
        <td>tbl1</td> 
        <td>tbl2</td> 
        <td>tbl3</td> 
        <td>tbl4</td> 
       </tr> 
      </table> 
      FAQs</div> 
     <div id = "draggable5" class="Test">Test1</div> 
     <div id = "draggable6" class="Test">Test2</div> 
     <div id = "draggable7" class="Test"> 
      <table id='srtTable1'> 
       <tr> 
        <td>tbl1</td> 
        <td>tbl2</td> 
        <td>tbl3</td> 
        <td>tbl4</td> 
       </tr> 
      </table> 
      Test3</div> 
    </div> 
</div> 

和jQuery：

$("#sortable").sortable({ 
    items: ":not(#draggable3,#draggable7)" 
}); 

$("Table tr td").sortable({ 
    connectWith:'#' + $(this).parents().find(table).attr('id') 
}); 

但td正在排序table.How以外的限制td排序表內的範圍是什麼？

jsfiddle

Answer 1

如果您要更換這一切你的JavaScript代碼，應該工作：

$("#sortable table tr").sortable(); 

見琴：http://jsfiddle.net/sP3UZ/2231/

你必須在sortable()適用的容器可排序的元素，而不是元素本身。