demo 的

Question

我做错了什么？

$(".thumbnail").on('click', function(){
        $(this).animate({height:500},1500);
    });
});

jsfiddle：http://jsfiddle.net/PUdSn/

Answer 1

没有什么只是一个错字：你的演示中有额外的});

            $(".thumbnail").on('click', function(){
                    $(this).animate({height:500},1500);     
            });

 }); // remove those!

demo 的

Answer 2

缺少结束括号，您错过了$(document).ready (function () { ... }

$(document).ready(function() {
    $(".thumbnail").on('click', function() {
        $(this).animate({
            height: 500
        }, 1500);
    });
});

正在使用 DEMO

Answer 3

您的样本中还有一个});。修正了这里： http://jsfiddle.net/PUdSn/5/

代码应为：

$(".thumbnail").on('click', function(){
   $(this).animate({height:"500px"},1500); //adding the px makes it clearer
});

Answer 4

正如其他人所说，你只有一个错字，因为你有一个额外的});。这并没有真正改变任何东西，但你可以摆脱on并直接设置click（）方法。

$(".thumbnail").click( function(){
   $(this).animate({height:"500px"},1500);
});

此外，为了将来参考，使用某种Web开发人员工具包很容易捕获。在IE中它是内置的，你只需要打F12。在Chrome中，它是内置的，您只需按Ctrl + Shift + I即可。并且，在Firefox中，我不相信它是内置的，但您可以使用firebug和/或web dev作为扩展。希望这有助于将来的调试目的：）

我想为高度设置动画

4 个答案:

demo 的