Question

我正在练习一些基本的jquery，并且我试图让这个圆圈在点击时伸展开来。这个css很好，只是它的动画不起作用。

<div id="circle"></div>
 <script>
    $("#circle").click(function() {
        $(this).animate({Width:"300px"}.1500);
    });
 </script>

Answer 1

试试这个（你的代码中有逗号错字）：

$("#circle").click(function() {

    $(this).animate({width:"300px"}, 1500);

});

Answer 2

如上所述，您有语法错误。但由于我假设这是一个圆圈，您需要更改width和height以保持正确的圆周。

我想指出您还需要包含animate的jQuery UI库才能正常工作。

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js">
</script>

<强> JSFiddle

$("#circle").click(function () {
    $(this).animate({
        width: "300px",
        height: "300px"
    },1500); //you need a comma, not a period
});

jquery的animate函数似乎不起作用

2 个答案: