javascript - 我怎样才能有几个 javascript 函数而没有每个都有 document.ready()

Question

我的工作代码包括：

  $(document).ready(function() 
  { $("#num1").click(function() { $("li.elementsA").addClass("alerty"); 
     return false }); });
  $(document).ready(function() 
  { $("#num2").click(function() { $("li.element").addClass("ok"); 
     return false }); });

如果没有第二个中的 document.ready 部分，我怎么能同时拥有这两个功能。

我试过了

  $(document).ready(function() 
  { $("#num1").click(function() { $("li.elementsA").addClass("alerty"); 
    return false }); }
  { $("#num2").click(function() { $("li.element").addClass("ok"); 
    return false }); });

但它没有用。

Answer 1

在您的第二个示例中，DOM Ready 处理程序函数在最后 3 行的末尾关闭}，之后您会得到一个SyntaxError: Unexpected token {.

您只需将两个click处理程序都包装在 DOM 就绪处理程序中：

$(document).ready(function () {
    $("#num1").click(function () {
        $("li.elementsA").addClass("alerty");
        return false;
    });
    $("#num2").click(function () {
        $("li.element").addClass("ok");
        return false;
    });
});

我美化了您的代码，使其更易于阅读。=]

以下是未美化的更改，使其相对于原始代码“更加”可见：

  $(document).ready(function() 
  { $("#num1").click(function() { $("li.elementsA").addClass("alerty"); 
    return false });
//↓Remove { here     ↑And } here
    $("#num2").click(function() { $("li.element").addClass("ok"); 
    return false }); });