Javascript Animate无法正常工作

Question

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

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

但它不起作用。

Answer 1

在500px http://jsfiddle.net/myn9d/

周围加上引号

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

Answer 2

使用此代码正常工作

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

Answer 3

语法高度出错应该是“500px”

应该是

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

请查看此演示Demo

Answer 4

$(document).ready(function () {

    $( "#cen" ).animate({

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

    });

});