怎样才可以有几个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处理函数在最后的}的第三行末尾处关闭，之后您将得到SyntaxError: Unexpected token {。

你只需要包住DOM准备处理程序里面都click处理程序：

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

我beautified你的代码，使其更易于阅读了。 =]

这里有非美化修改，使之“更”看得见相对于原来的代码：

$(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 }); });