javascript - jQuery 代码不会工作

Question

当我输入时

$(document).ready(function() {
    $("#equals").click(function() {

        $("#water").animate({margin-top: "-200px", opacity: ".65"}, 2000);

    });
});

进入 Dreamweaver 时，$("#water") 行出现错误，并且不告诉我它是什么。请帮忙!

Answer 1

问题是 margin-top，它包含一个连字符并且没​​有用引号引起来，因此您一定会在页面上遇到 javascript 错误。将其更改为 "margin-top" 然后希望你应该是好的。

$("#water").animate({"margin-top": "-200px", opacity: ".65"}, 2000);

有一篇关于 JavaScript 属性以及何时在 json 对象中省略引号的文章。看看吧https://mathiasbynens.be/notes/javascript-properties