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 = FALSE;

$('.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; }; 
    } 
}); 

這將導致一些東西被執行，每次它變得可見。