2010-04-24 3 views
1

요소를 페이드 인하려고하고 있지만 그 사이에 약간의 일시 정지가 있지만 일시 중지없이 작동하지만 jQuery delay() - 함수를 사용하여 일시 중지를 추가하면 첫 번째 fadeOut(); 기능 (모두 제 1 및 제 2) 루프를 중단 -JQuery delay() - 함수가 루프를 중단합니까?

$('#headerimage2').each(function(){ 
for(i=1;i<50;i++){ 
    $(this).fadeOut(1200).delay(1000).fadeIn(1000).delay(1000); 
    } 
}); 

왜 지연()가 않습니다 여기

코드인가?

답변

4

어두운 곳에서 촬영했는데 라이브러리 1.4 버전을 사용하고 계십니까? 이 버전의 새로운 기능입니다. 최신 jQuery로 게시 완벽하게 파이어 폭스의 작품, 사파리, 크롬 등의

+0

나는 어쩌면 당신이 JQuery와 1.4 – dkinzer

+0

가 좋아, 난 그냥 그것을보고 사용하지 않는, @BradBrening에 동의합니다. Drupal 6.16은 여전히 ​​1.3.2를 가지고 있으며, 업데이트 모듈은 알파 상태에 있습니다. setTimeOut으로도 할 수 있습니까? 또는 drupal 파일에 전체 Jquery Libary 전체를 붙여 넣을 수 있습니까? – Rakward

+0

필자는 Drupal에 익숙하지 않지만 1.3.2 버전의 jQuery 라이브러리가 있으면 fadeOut 함수의 콜백 매개 변수를 사용하여 콜백으로 fadeIn을 사용하여 setTimeOut을 호출하는 함수를 정의 할 수 있습니다. 약간의 일련의 이벤트가 있지만 작동해야합니다. – BradBrening

1

귀하의 코드 :

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
div { width: 60px; height: 60px; float: left; } 
.first { background-color: #3f3; } 
</style> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 
<body> 

<p><button>Run</button></p> 
<div id='headerimage2' class="first"></div> 
<script> 
    $("button").click(function() { 
    $('#headerimage2').each(function(){ 
    for(i=1;i<5;i++){ 
     $(this).fadeOut(100).delay(500).fadeIn(100).delay(500); 
     } 
    }); 
    }); 
</script> 
</body> 
</html> 
관련 문제