未捕獲TypeError：無法讀取未定義錯誤的屬性'top'

我想更改我的類名我的頁面滾動400從feature-animate div的頂部但我收到此錯誤。未捕獲TypeError：無法讀取未定義錯誤的屬性'top'

請參閱此鏈接，我的代碼

https://jsbin.com/zafove/edit?html,js,output

Uncaught TypeError: Cannot read property 'top' of undefined error

if(wScroll > $('.feature-animate').offset().top - 400){ 
      $('.feature-animate').each(function(j){ 
       setTimeout(function(){ 
       $('.feature-animate').eq(j).addClass('isShowing'); 
       },100 * (i+1));

來源

2016-02-07 Manikanta koppala

在這行之前，你可以在你的代碼中打印'console.log（$（'。feature-animate'））'並告訴我它在打印什麼？ – gurvinder372

未捕獲的SyntaxError：意外的令牌ILLEGAL –

是在document.ready事件之後調用此代碼嗎？調用此代碼之前，您的DOM是否已經加載？ – gurvinder372

該錯誤消息表示jQuery不會找到.feature-animate類你的HTML節點。首先也是最可能的原因：您的HTML代碼中存在拼寫錯誤。確保它看起來像這樣：

<div class="feature-animate">...your other html code </div>

然後它應該工作。順便說一下：如果你有多個具有相同類名的div容器，$('.feature-animate').offset().top將得到DOM中具有該類的第一個元素的值top。

來源

2016-02-07 18:48:03 F4Q

雅我正確地鍵入類名稱。 –

https://jsbin.com/zafove/edit?html,js,output –

確保在運行javascript之前feature-animate類的元素已經初始化。一個很好的方法是將其放入$(document).ready()標籤中。

來源

2016-02-07 18:57:59

jQuery無法找到「feature-animate」元素，因爲在html中它的寫法如下。

<div classs="row feature-animate">

（請注意3 'S' 的 '班組長'）

應當按照以下內容：

<div class="row feature-animate">

（除去多餘的「，使其 '階級'）

來源

2016-02-08 04:57:27

未捕獲TypeError：無法讀取未定義錯誤的屬性'top'

回答

相關問題