修復jquery航點

Question

美好的一天，我試圖教我自己jquery航點，現在我有麻煩試圖使其工作。這個想法是一旦元素在屏幕上可見，它將顯示一個「警告」，說「這個元素是可見的」。但每當我向下滾動警報似乎並沒有出現。這是我的代碼示例。

HTML

<section class="container"> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item thing entry" id="example-basic"></div> 
</section> 

如果我把它似乎是工作的其他人之上這部分顯示

<div class="sixteen columns item thing entry" id="example-basic"></div> 

警報的Javascript

<script> 
$('.entry').waypoint(function() { 
    alert('The element appeared on the screen.'); 
}); 
</script> 

Answer 1

Tr y以與文檔處理程序準備把它包：

<script> 
    $(function(){ 
     $('.entry').waypoint(function() { 
     alert('The element appeared on the screen.'); 
     }); 
    }); 
</script> 

Answer 2

航點默認是當元素命中頂視的運行功能，不出現在屏幕上。您可以通過將offset選項更改默認行爲：當整個元素已映入眼簾

$('.entry').waypoint(function() { 
    alert('The element appeared on the screen.'); 
}, { 
    offset: 'bottom-in-view' // or '100%' 
}); 

'bottom-in-view'會火。當元素的任何部分碰到視口的底部時，'100%'將會觸發。