jQuery代码不起作用

jQuery code wont work

本文关键字：不起作用 代码 jQuery      更新时间：2023-09-26

当我输入时 

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

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

问题在于margin-top它包含一个连字符，并且它没有用引号括起来，因此您必须在页面上收到javascript错误。把它改成"margin-top"那么希望你应该很好。

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

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

我不知道

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

margin-top应该用引号引起来...否则它不是有效的 JSON

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

var x = {margin-top: 5};

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

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

  • 属性名称中的连字符会使编译器混淆，因此请用引号将属性名称括起来。

因此，您的代码将变为：

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

我删除了最后两个建议。如果您好奇，请从评论中查看。

相关文章：