sourcecode

jQuery slideUp().remove()가 제거가 발생하기 전에 슬라이드Up 애니메이션을 표시하지 않는 것 같습니다.

codebag 2023. 9. 20. 20:19
반응형

jQuery slideUp().remove()가 제거가 발생하기 전에 슬라이드Up 애니메이션을 표시하지 않는 것 같습니다.

저는 자바스크립트 라인을 가지고 있고 제가 보고 있는 행동은selectedLi"sliding업" 없이 즉시 사라집니다.이것은 제가 기대했던 행동이 아닙니다.

제가 어떻게 해야 그 다음에.selectedLi제거하기 전에 미끄러져 올라갑니다.

selectedLi.slideUp("normal").remove();

제거할 호출을 콜백 인수에 슬라이드 업으로 이동시켜 수정할 수 있습니까?

selectedLi.slideUp("normal", function() { $(this).remove(); } );

좀 더 명확하게 해야 합니다. "이것"이라고 말하기 보다는 다음과 같은 작업을 수행해야 합니다.

$("#yourdiv").slideUp(1000, function() {
    $(this).remove();
});

가장 간단한 방법은 다른 사람들이 말한 것처럼 slideUp 내부에서 "remove()" 함수를 호출하는 것입니다.

$("#yourdiv").slideUp("normal", function() {
    $(this).remove();
});

slideUp이 종료되기 전에 제거()가 실행되지 않도록 하려면 익명 함수() 내부에서 호출해야 합니다.jQuery 함수 "promise()"를 사용하는 것도 같은 방법입니다.나처럼 자기설명 코드를 좋아하는 사람들에게 더 좋습니다 ;)

$("#yourdiv").slideUp("normal").promise().done(function() {
    $(this).remove();
});

약속을 사용하면 다음과 같이 여러 애니메이션이 완료될 때까지 기다릴 수도 있습니다.

selectedLi.slideUp({duration: 5000, queue: false})
.fadeOut({duration: 3000, queue: false})
.promise().done(function() {
    selectedLi.remove()
})
selectedLi.slideUp(200, this.remove);

언급URL : https://stackoverflow.com/questions/308019/jquery-slideup-remove-doesnt-seem-to-show-the-slideup-animation-before-remo

반응형