2010-11-24 4 views
3

안녕하세요 모두 이 div가 나타나면이 div가 사라지 길 원합니다. jQuery : div 만들기 fadeOut + .live() + .delay() functions merge

//Fade out the result alert. 

$('.Alert').delay(6000).fadeOut(500); 

방법의 어떤 아이디어를 .... 나는() 내가 추측 라이브로 어떻게 든 병합해야합니다) 지금은 이런 식으로 작동하고, 때로는 이후 사업부는로드 (뒤에 추가됩니다 이 작업을 수행? 그것은 당신이 load() 후 페이지에 사업부를 추가하는 방법에 따라 미리

+0

어떻게 사업부는 페이지에 추가됩니다? – justkt

+0

div가 jQuery에 의해 추가되지 않았습니다. 요점을 알 수 있습니다. 1) 하나의 링크를 클릭합니다. 2) 양식이 div에로드됩니다. 3) 사용자가 양식을 제출하면 $ .ajax()를 사용하여 결과를 얻습니다. 4) 결과는 양식이있는 div와 동일한 div에 표시됩니다. 나는 div가 없어 지길 바래. 나는 이것이 조금 더 도움이된다고 생각한다. 나는 jQuery에 의해 추가하지 않는 ajax()에 의해 .Alert div를 얻는다. – Hernantz

+0

그러면 양식이 div에로드되는 방법은 무엇입니까? 이미 존재하는 div이고 형식이 추가되거나 둘 다 나타납니다. – Shikiryu

답변

1

감사합니다.

페이지에 요소를 추가 한 후에 원하는 처리기 또는 함수를 추가하십시오.

예 :

$('<div class="Alert"></div>').appendTo('body').delay(6000).fadeOut(500); 

Live example

+0

'.delay()'와 피할 수없는 혼란을 피하기 위해서 : 그것은 애니메이션 대기열에 지연을 추가합니다. 바로 여기에 코드 실행을 "일시 중지"하지 않습니다. * Thread.Sleep (6000)이 아닙니다. 나머지 라인과 그 이후의 라인은 지연되지 않을 것입니다. 트리거 할 수있는 애니메이션 효과가 지연됩니다. –

+0

실제로, OP는 그가 그것을 사용했기 때문에 OP가 이미 그것을 알고 있다고 확신합니다 (최소한, 나는 희망합니다). – Shikiryu

+0

div가 jQuery에 의해 추가되지 않았습니다. 요점을 알 수 있습니다. 1) 링크를 하나 클릭합니다. 2) 양식이 div에로드되었습니다. 3) 사용자가 양식을 제출하면 $ .ajax()를 사용하여 결과를 얻습니다. 4) 결과는 양식이있는 div와 동일한 div에 표시됩니다. div가 사라 지길 바래요. 저는 이것이 좀 더 도움이된다고 생각합니다. 나는 jQuery에 의해 추가하지 않는 ajax()에 의해 .Alert div를 얻는다. – Hernantz