jQuery UI (화면에 표시 될 때 실행)

Question

내 jQuery를 화면에 표시 할 때만 트리거하려고합니다. 바가 튀어 나오도록 유도하지만 사용자는 콘텐츠가 보이기 전에 스크롤해야합니다.

그 밖의 타이밍을 늦추면 (일부 사용자의 경우 맞지 않을 수도 있음) 화면에 표시 될 때 어떻게이 코드를 트리거 할 수 있습니까?

<script> 
$(function() { 
$(".meter .bar").hide().show('bounce', { times:4, direction: 'right' }, 1780);      
}); 
</script> 

이 정확히 맞습니까?

내 jQuery를 화면에서 볼 때만 트리거하려고합니다. 바가 튀어 나오도록 유도하지만 사용자는 콘텐츠가 보이기 전에 스크롤해야합니다.

그 밖의 타이밍을 늦추면 (일부 사용자의 경우 맞지 않을 수도 있음) 화면에 표시 될 때 어떻게이 코드를 트리거 할 수 있습니까?

<script> 
$(function() { 
$(".meter .bar").hide().show('bounce', { times:4, direction: 'right' }, 1780);      
}); 
</script> 

이 정확히 맞습니까?

<script> 
$('.meter .bar:visible').livequery(function() { 
$(".meter .bar").hide().show('bounce', { times:4, direction: 'right' }, 1780); 
}); 
</script> 

Answer 1

내가 좋아하는 뭔가 http://plugins.jquery.com/livequery/을 사용하는 것이 좋습니다 : VAR isExecuting = 거짓에게;

$('.meter .bar:visible').livequery(function() { 
    if (!isExecuting) { 
     isExecuting = true; 
     // some stuff 
     $(".meter .bar").hide().show('bounce', { times:4, direction: 'right' }, 1780) 
         .completed(function() { isExecuting = false; }; 
    } 
}); 

이렇게하면 일부 내용이 표시 될 때마다 실행됩니다.