Javascript动画不工作

我有一个div宽度id：“cen”，高度和宽度为50px

$(document).ready(function() {
    $("#cen").animate({
        height: 500px,
        width: "500px",
    }, 5000, function() {
        // Animation complete.
    });
});

---

但它不起作用。

在

500px附近加引号

您的语法有错误，高度应在“500px”附近

应该是

 $(document).ready(function () {
$( "#cen" ).animate({
height:"500px",
width:"500px",
}, 5000, function() {
// Animation complete.
});
});

请签出此演示
使用此代码它正在工作

$(document).ready(function () {
$( "#cen" ).animate({
height:"500px",
width:"500px",
}, 5000, function() {
// Animation complete.
});
});

你导入jquery库了吗？顺便说一句，你的问题不是“不工作”。“不工作”意味着流程执行，但您可以看到结果。但抛出异常（如“意外令牌非法”）的代码不仅仅是“不工作”。请记住这一点，以备将来的问题。你能补充一些意见，说明它的作用以及它解决问题的原因吗？
$(document).ready(function () {
$( "#cen" ).animate({
height:"500px",
width:"500px",
}, 5000, function() {
// Animation complete.
});
});

$(document).ready(function () {

    $( "#cen" ).animate({

        height:"500px",
        width:"500px",
    }, 5000, function() {

    });

});