2016-11-14 110 views
0

好吧,我確定這是一個簡單的問題,但我拉我的頭髮。航點粘滯不初始

我正試圖使我的頁面上粘貼元素.subheads_wrapper

我把最新的路點文件放在Inetpub \ wwwroot \ includes \ waypoints-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

我在做什麼錯?

回答

-1

您是否使用Waypoint的jQuery版本?如果是這樣,你在哪裏調用jQuery?

當您下載Waypoint插件時,會附帶幾個版本:jQuery,Zepto和「noframework」。如果你不使用jQuery,那麼你要確保你調用「noframework」文件:

noframework.waypoints.js 

但是,如果您使用的是jQuery的版本,當你在你的問題說,我想確保你調用jQuery,如果是,在哪裏。這可以幫助縮小問題的範圍。

+0

這似乎是一個多回答評論的。 – Saurabh

+0

讓我澄清然後... – Bryan

0

未找到類構造函數。這聽起來像一個或兩個js文件沒有正確加載。

當您使用new運算符實例化一個類時,它將使用new關鍵字中的構造函數名稱查找用戶定義或內置對象。

例子:

var animal = new dog() 

這會去翻一隻狗構造所有當前加載的腳本,如果沒有找到將返回不是構造錯誤。由於我們知道js文件中存在路點和stickys的構造函數,因此它們沒有被加載。仔細檢查jquery.waypoints.min.js和sticky.min.js的路徑是否正確。另外,請通過瀏覽器控制檯確認它們實際上是否正在加載和/或未被別的東西禁用。

0

我結束了我的重新編碼的頁面,只是使用jQuery的航點功能:

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

      } 
     });