0

私は以下を含む作業コードを持っています：

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

2番目のdocument.readyピースなしで、両方の機能を使用するにはどうすればよいですか。

私は試した

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

しかし、それは機能しませんでした。

4

1 に答える 1

3

2番目の例では、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 }); });
于 2012-08-26T20:53:38.437 に答える