2013-10-29 38 views
0

我將嘗試使用此代碼類型錯誤:對象#<HTMLDivElement>有沒有方法「動畫」

var home_news_side = $('#home_news_side'); 
var side_timer; 
home_news_side.mouseenter(function() { 
    console.info('asd'); 
    clearTimeout(side_timer); 
    home_news_side.animate({ 
     'margin-left': 0 
    }, 800); 
}).mouseleave(function() { 
    side_timer = setTimeout(function() { 
     home_news_side.animate({ 
      'margin-left': '-404px' 
     }, 800); 
    }, 800); 
}); 

但它不工作動畫一個div ....如果我嘗試在TE控制檯來強制像這樣:

$('#home_news_side').animate({ 
     'margin-left': 0 
    }, 800); 

我得到這個消息

TypeError: Object # has no method 'animate'

這裏是鏈接來查看錯誤Error link

觀測值:我把顯示器沒有在div直到我解決這個問題...

+0

包括的jquery.js文件 –

+0

這有可能是你正在使用的WordPress主題有一個元素與id =側邊欄。 除非已明確定義具有相同名稱的全局變量,否則將爲每個具有id的元素創建一個全局變量。 所以,第一個測試是不可靠的。例如,即使在Chrome中,評估stackoverflow頁面上的window.sidebar也是正確的,因爲該網站使用具有這種id的元素。 請參閱此鏈接http://stackoverflow.com/questions/17747578/uncaught-typeerror-object-htmldivelement-has-no-method-addpanel?rq=1 –

+0

其中你有這個代碼的文件 –

回答

0

的WordPress默認使用jQuery的noconflict模式,這意味着所有的代碼塊必須以某種文件準備功能的啓動使用jQuery而不是$。

你的文件的開頭爲:

$(function() { ... 

變化,要

jQuery(function($) { ... 

Wordpress Codex reference

相關問題