어떻게 항상 특정 유형의 모든 항목을 페이드 아웃하기 위해 jquery를 작성합니까?

Question

... dom에 추가 된 항목을 페이드 아웃하는 방법을 알고 있지만 (이 경우 성공/오류 메시지) 이제 DOM을로드 할 때 필요한 특정 항목을 페이드 아웃하는 코드를 작성하고 AJAX를 통해 항목이 추가되면 별도의 fadeOut 코드를 작성합니다.

더 좋은 방법이 있나요? .live() 핸들러를 사용하여 보았지만 이벤트가 매개 변수 중 하나로 전달되어야합니다 (좋지 않은 이유는 설정 한 시간이 지난 후에 항목이 사라지 길 원하기 때문입니다).

tldr; DOM으로로드되는지 또는 AJAX를 통해 (예를 들어 AJAX를 통해) 추가되는지 여부에 관계없이 항목을 fadeOut하는 코드 조각을 작성하려고합니다.

Answer 1

livequery plugin을 사용하십시오.

$(".fadeOut").livequery(function(){$(this).fadeOut()}); 

Answer 2

당신이 DOM에 div를 추가 할 때, 그래서 지금 fadeout_category에 속하는 모든 개체를 쉽게 명령으로 퇴색 할 수있다 예를 들어

<div ...class="your_usual_class fadeout_category other_classes"...> 

에 대한 클래스를 지정

$ (".fadeout_category"). apply_fadeout;

Answer 3

문제에 대한 가장 "우아한"해결책은 변경을 위해 특정 DOM 노드를 청취하는 .live을 사용하지 않는 것입니다 (항상 선택기의 컨텍스트를 사용하고 콜백은 복잡한 페이지의 속도를 크게 저하시킬 수 있음). 선택기 조건이 충족되면 일반 콜백 만 적용합니다.

첫 번째 항목을 표시하는 기능과 함께 fadeOut을 포함하고자 할 것입니다.

namespace.showMessage = function(message) { 
    $('<div class="message">').text(message).appendTo('body').fadeOut(function(){ 
    $(this).remove(); 
    }); 
}