javascript - 类型错误：对象#没有“动画”方法

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 # has no method 'animate'

这是查看错误错误链接的链接

Obs：在我解决这个问题之前，我在 div 中放置了一个 display none ......

Answer 1

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

您的文件以：

$(function() { ...

将其更改为

jQuery(function($) { ...

Wordpress 法典参考