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

Если заменить все ваши яваскрипта код с этим, что должно работать:

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

Смотрите скрипку: http://jsfiddle.net/sP3UZ/2231/

Вы должны применить sortable() к контейнеру из сортируемые элементы, а не сами элементы.