2013-10-29 36 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

相关问题