ウェイポイントスティッキー初期化していない

Question

これは簡単な問題だと確信していますが、私は髪を引き出しています。

私は要素に.subheads_wrapperを貼り付けようとしています。

私は最新のwaypointsファイルをInetpub \ wwwroot \ includes \ wayspoints-masterの下に置きました。

マイページは、ヘッダーでInetpub\wwwroot\mypage\index.php

であり、私は私が考える適切なファイル添付しました：

<script src="../includes/waypoints-master/lib/jquery.waypoints.min.js"></script> 
<script src="../includes/waypoints-master/lib/shortcuts/sticky.min.js"></script> 

をCSS：

.stuck { 
    position:fixed; 
    top:0; 
} 

jqueryの：

var sticky = new Waypoint.Sticky({ 
    element: $('.subheads_wrapper')[0] 
}); 

しかし、私はep取得中エラー：

Waypoint.Sticky is not a constructor

私は間違っていますか？

Answer 1

jQueryバージョンのWaypointを使用していますか？もしそうなら、どこでjQueryを呼びますか？

jQuery、Zepto、および「noframework」という、ダウンロードする際に含まれるWaypointsプラグインのバージョンがいくつかあります。あなたはjQueryのを使用していない場合、あなたは「noframework」ファイル呼び出していることを確認したい：あなたはjQueryのバージョンを使用している場合は、あなたの質問に述べたように、しかし、

noframework.waypoints.js 

を、私はしたいですjQueryを呼び出しているかどうか確認してください。これは問題の絞り込みに役立ちます。

Answer 2

クラスコンストラクタが見つかりません。 1つまたは両方のjsファイルが正しくロードされていないようです。

new演算子を使用してクラスをインスタンス化すると、newというキーワードに続いてコンストラクタ名を持つユーザー定義または組み込みオブジェクトが検索されます。

例：

var animal = new dog() 

これは、犬のコンストラクタの現在ロードされているすべてのスクリプトに目を通すだろうし、何も見つからなかった場合ではないコンストラクタエラーを返します。私たちはウェイポイントとスティッキーのコンストラクタがjsファイル内にあることを知っているので、ロードされていないと判断します。 jquery.waypoints.min.jsとsticky.min.jsへのパスを再確認してください。また、実際にロードされているか、他の何かによって無効にされていないことをブラウザコンソールで確認してください。

Answer 3

私は自分のページを再コーディング終わったとばかりjqueryのウェイポイント機能を使用して：

$('#screen2').waypoint(function(direction) { 
      if (direction == 'down') { 
      $('.freeze_column').css({'position':'fixed'}); 
      } 
      if (direction == 'up') { 
      $('.freeze_column').css({'position':'absolute'}); 

      } 
     });