Question

我正在尝试使用此代码为div设置动画

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);
});

但它不起作用....如果我试图像这样强制控制台：

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

我收到此消息

TypeError：Object＃没有方法'animate'

此处是查看错误Error link

的链接

Obs：我在div中显示无显示，直到我解决了这个问题......

Answer 1

Wordpress默认使用jQuery noconflict模式，这意味着所有代码块必须以某种使用jQuery而不是$的文档就绪函数开始。

您的文件以：

开头

$(function() { ...

将其更改为

jQuery(function($) { ...

<强> Wordpress Codex reference

TypeError：Object＃<htmldivelement>没有方法'animate'</htmldivelement>

1 个答案: