JQUERY, 패널 생성 중 입력/출력이 바뀌지 않음

Question

카드/div를 페이드 인으로 전환 할 수있는 DIV가 내 페이지에 있습니다. & Out of.

깨진 코드 :

$('.toogle-link').live('click', function() { 
    var toogleID = $(this).attr("name"); 

    $('.carditem').fadeOut(function() { 
     // Animation complete show correct card 
     $('#' + toogleID).fadeIn(); 
    }); 

    return false; 

}); 

문제가 페이드 아웃이 현재 카드가 페이드 아웃하고 새 카드가 페이드 대 끔찍한 보이는 순간 스택 카드를 일으키는 완료되기 전에 FadeIn이 일어나고있다 어떤 아이디어?

Answer 1

:

이

.fadeOut ([시간], [콜백])

이 시도 :

$('.toogle-link').live('click', function() { 
    var toogleID = $(this).attr("name"); 

    $('.carditem').fadeOut("slow", function() { 
    // Animation complete show correct card 
    $('#' + toogleID).fadeIn(); 
}); 

return false; 

을});

Answer 2

다른 jQuery에 따라이 문제가 발생할 수 있습니다.

수동으로 지속 시간을 설정 한 다음 fadeIn에 시간 초과를 사용하고 .hide()를 호출하고 fadeOut 효과를 죽일 수 있습니다.

사용자 Marek이이 문제에 관해 official site에 댓글을 달았습니다. 나는이 같은 문제를 가지고 생각

Answer 3

, 나는 완전히 올바른

$('.toogle-link').live('click', function() { 
    var toogleID = $(this).attr("name"); 

    $('.carditem').fadeOut(function() { 
     $('.carditem').css("display", "none"); // this do the trick 
     // Animation complete show correct card 
     $('#' + toogleID).fadeIn(); 
    }); 

    return false; 

}); 

이 최선의 해결책 인 경우 나도 몰라를 표시하기 전에 그것을 숨겨 해결하지만, 그것을 잘 작동합니다.

문제는 요소가 100 % 보이지 않는 것이므로 다른 요소를 표시하기 전에 요소를 완전히 숨겨야한다는 것입니다. 아마도 fadeIn 전에 지연이 문제를 해결할 수도 있습니다.

당신이 기간 매개 변수 잊고처럼 보이는