Javascript animate在jsfidle中工作，在网站中不工作

我正在尝试将这个简单的jquery实现到我的网站中，我无法让它工作

以下是完整的html代码（所有内容都与正在工作的JSFIDLE版本相同，但无法正常工作）：

无标题文件
div#测试{
背景#b977d1；
保证金：3倍；
宽度：150px；
高度：20px；
浮动：对；
显示：无；
溢出：隐藏；
}
按钮#aa{
浮动：对；
}
$（“#aa”）。单击（函数（）{
$（“div#test”）。设置动画({
宽度：“切换”
});;
});
测试das dsa
切换

我对此感到非常沮丧：p

---

如果有人能帮我，我将不胜感激

将jquery包含在

$（文档）中。ready（）

jsiddle自动执行此操作
试试这个：

$(document).ready(funciton(){
    $("#aa").click(function () {
        $("div#test").animate({
            width: 'toggle'
        });;
    });
});

---

您需要将代码包装在DOM就绪处理程序中，以确保文档对象模型（DOM）已准备好让JavaScript代码执行

当您包含jQuery库时，

jsFiddle

会自动完成此步骤

$(function(){
    $("#aa").click(function () {
        $("div#test").animate({
            width: 'toggle'
        });;
    });
});

如果您想在整个页面（图像或iFrame，而不仅仅是DOM）就绪后运行代码，请将代码放入

$（window.load）（function（）{…}）

---

您需要在

ready

函数的回调中设置jQuery代码

$(function() {
 // when the document is ready
 // here, your code
});

---

哇！它起作用了！溶液在1分钟后准备好。。我花了大约一个小时的时间，却无法解决它！非常感谢你！！！很高兴帮助你！提醒你接受答案，以帮助其他有同样问题的人@user3327001非常感谢你的努力！这一切都很好，我也会知道在未来做什么！感谢您提供有效的解决方案！：）

$(window).load(function() { 
    $("#aa").click(function () {
        $("div#test").animate({
            width: 'toggle'
        });;
    });
})

$(function() {
 // when the document is ready
 // here, your code
});