JQuery와 디스플레이 인라인 블록은

Question

퇴색 나는 다음과 같은 jQuery를 가지고 :

$('#register_email_address').siblings('.error').css('display','inline-block'); 

내가 너무 많은 초 후에 페이드 아웃을 위하고자합니다.

$('#register_email_address').siblings('.error').css('display','inline-block').fadeOut(3000); 

하지만이 나던 제대로 작동 :

나는 다음과 같은 시도?

아이디어가 있으십니까?

건배, 댄

위의 코드의 경우 양식 유효성 검사합니다. 위 입력란의 onBlur가 시작되면 클래스 .error가 표시됩니다. 가 표시됩니다. 그러면이 메시지가 표시되고 계속 표시됩니다.

.error 클래스에는 .showerror의 다른 클래스가 포함되어 있습니다. 이게 내가 실제로 퇴색하기를 원하는 클래스 야. 오랫동안.

Answer 1

작동하지 않는 현재의 코드가 사용하고있는 3000 값이 페이드 아웃에 적용되고 있다는 것입니다 이유는 (예 : 페이드 아웃 애니메이션은 3000 밀리 초를 취하고있다).

여기에는 몇 가지 옵션이 있지만 개인적으로 jply의 .delay()을 사용합니다. 이는 특별히 체인 처리에서 일시 중지를 유발하는 데 사용됩니다. 이것을 체인에 떨어 뜨리면 이론적으로 정확히 당신이 한 일을해야합니다.

예를 들어, 이것은 CSS를 설정하고 다시 밖으로 요소를 페이딩 사이에 3000 일시 정지가 발생합니다

$('#register_email_address').siblings('.error').css('display','inline-block').delay(3000).fadeOut(); 

Answer 2

시도 :

$('#register_email_address').siblings('.error').css('display','inline-block').delay(3000).fadeOut();