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

Answer 2

我不知道你的错误是什么，但我看到的是无效的JSON。

margin-top应该在引号中......否则不是有效的json

一个简单的检查是在浏览器的控制台中输入以下内容：

var x = {margin-top: 5};

你会在那里得到一个错误。：\

Answer 3

修复并使您的JavaScript代码看起来更整洁

属性名称中的连字符会混淆编译器，因此请使用引号包装该属性名称。

因此，您的代码将成为：

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

PS。 我删除了最后两条建议。如果您感到好奇，请查看评论。

jQuery代码不会工作

3 个答案: