테이블 행 손상 테이블에 효과가있는 정렬 가능한 jQuery

Question

첫 번째 게시물은 여기에 쉽게 이동 :) 나는 모든 것을 살펴본 결과 여기에서 무슨 일이 일어나는지 파악할 수없는 것처럼 보입니다. 약간의 도움을 주시면 감사하겠습니다.

jQuery를 사용하여 테이블 행을 정렬 할 수있게하려고합니다. 이미 수행했는데 (아래의 바이올린 링크 참조). 그러나 행을 릴리스 한 후 행에 강조 표시 효과를 추가하려고하면 ID가 포함 된 추가 테이블 데이터 셀()이 추가 된 것처럼 보입니다. 아무도 왜 이런 일이 일어나고 있는지, 어떻게 고칠 수 있는지 설명 할 수 있습니까? 나는 효과를 적용 할 때 간단한 드래그와 같은 일이 보인다/행에이 여분의 셀을 추가하지 않습니다 드롭 :

$(document).ready(function() { 
    $("#draggable").sortable({ 
     axis: 'y', 
     items: '.item', 
     stop: function(event, ui){ 
      ui.item.children('td').effect('highlight', {}, 1000); 
     } 
    }); 
}); 

http://jsfiddle.net/vQSKC/

감사합니다!

Answer 1

각 'tr.item'에 대해 숨겨진 추가 'td'가 있습니다. Sortable은 공개 할 때 'td'를 숨기려는 것처럼 보입니다. 그런 문제를 해결하기 위해 보인다 행에서 숨겨진 TD를 제거

<tr class='item' data-id='4'> 

: 해당 ID를 필요로하는 경우 왜 같은 'tr.item'에 데이터 속성으로 추가하지.