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') 
}); 

그러나 table.How의 td 정렬되어 외부 테이블 내에서 범위를 정렬 td 제한? 이 모든 당신의 자바 스크립트 코드를 교체 할 경우

jsfiddle

Answer 1

, 그 작동합니다 :

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

는 바이올린 참조 : http://jsfiddle.net/sP3UZ/2231/

을 당신의 용기에 sortable()를 적용해야 정렬 가능한 요소가 아니라 요소 자체.