2016-04-29 130 views
0

我試圖讓jQuery waypoints工作,我正在做一個非常基本的例子,它不會顯示窗口警報,我試圖顯示滾動到。我正在觀看這個視頻,我確實知道這個人有什麼,所以我不知道爲什麼它不適合我。Javascript功能無法正常工作。腳本定位問題?

任何想法爲什麼這不啓動?

<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
    <script src="js/jquery.waypoints.min.js"></script> 
</head> 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
    <section> 
     <img src="images/big-smile-face.png" class="dipper" alt=""> 
    </section> 
<script src="js/waypoints.js"></script> <!-- js/waypoints.js file --> 

使用Javascript - JS/waypoints.js您使用的是什麼瀏覽器文件

$(document).ready(function(){ 
var $dipper = $('.dipper'); 

$dipper.waypoint(function() { 
    alert('waypoint!'); 
}); 
}); 
+0

工作正常:https://jsfiddle.net/q4vfdeyu/8/ – Rayon

+0

@Rayon當我去你的小提琴時,至少對我來說它是行不通的。它也不適用於我的網站。 – Becky

+0

做測試你的小提琴..檢查控制檯的錯誤... – Rayon

回答

1

?那裏可能有一些問題。它似乎對我工作正常,我沒有得到任何錯誤。

+0

我已經在Chrome,Edge中試過了,只是下載了firefox,並在那裏嘗試過,並沒有在任何工作。 – Becky

+0

所以我注意到的一件事是,如果我的瀏覽器高度太高,事件永遠不會發生。這是因爲當圖像位於瀏覽器的頂部時,腳本看起來像是熄滅了。如果您的瀏覽器延伸得更高,圖像永遠不會那麼遠。 –

+0

你是對的!哇,我一直在用這個永遠撞着我的頭撞牆。謝謝! – Becky