jQuery 숨겨진 열이있는 행의 SlideUp

Question

테이블이 있는데 행을 제거하면 slideUp로 애니메이션이 적용됩니다.

$(id).find("td div").slideUp 

나는 행에 slideUp를 사용하려면이 트릭을 사용 : animating-table-rows-with-jquery

모든 열이 표시되는 문제가 없지만, 나는 열을 숨겨 때, 그냥 아무 애니메이션 행을 제거합니다. slideUp에서 정상적인 동작을하는 것 같지만 애니메이션으로 작동하게하려면 속임수가 있습니까? 나는 td가 숨겨져 있는지 테스트 할 생각이었습니다. 아무것도하지 않았습니다. 그렇지 않으면 slideUp이 트릭을 수행 할 것이라고 생각하지 않습니다.

Answer 1

그 이유는 모든 애니메이션이 완료된 후 slideUp에게 주어진 콜백이 호출되지,하지만 후 각 애니메이션이 완료됩니다. 숨겨진 열에있는 div이 보이지 않으므로 위로 움직이는 애니메이션을 수행 할 필요가 없습니다. 즉, 즉시 완료되며 따라서 콜백이 즉시 호출됩니다.

그러나 콜백은 전체 행을 제거합니다.

이 문제를 해결할 수있는 방법은 여러 가지가 있습니다. 자신이 가지고 있던 생각 (어쨌든 보이지 않는 div을 다루지 않음)은 작동해야하는 한 가지 방법입니다.

또 다른 방법은 콜백에서 수행하는 대신 시간을 설정하여 행을 제거하는 것입니다. 즉

$(id).find("td div").slideUp(function() { 
    $(this).remove();      // remove the div itself 
    if ($(id).find("td div").length == 0) // if none are left 
     $(id).remove();     // then remove the row 
});