2016-04-29 8 views
0

私はjQueryウェイポイントを動作させようとしています。私は非常に基本的な例を実行していて、スクロール時に表示しようとしているウィンドウアラートを表示しません。私はこれのビデオを見ていたし、その男が持っていたものを正確に持っていたので、なぜ私のために働いていないのか分かりません。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

関連する問題