如果没有document.ready(），我怎么能拥有多个javascript函数呢

How can I have several javascript functions without having document.ready() for each one

本文关键字：拥有 javascript 函数 怎么能 ready document 如果没有      更新时间：2023-09-26

我的工作代码包括：

  $(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(function() 
  { $("#num1").click(function() { $("li.elementsA").addClass("alerty"); 
    return false }); }
  { $("#num2").click(function() { $("li.element").addClass("ok"); 
    return false }); });

但没有奏效。

在第二个示例中，DOM Ready处理程序函数在最后一个}的第三行末尾关闭，然后得到一个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 }); });
相关文章：