jquery $（セレクタ）.ready（）要素が一致しなかった場合でもコードが実行されます

Question

このコードを使用して特定のページでのみこのjsを実行しています。

$("body#action_new").ready(function() { 
    console.log($("body#action_new")); 
    console.log($("body#action_new").length); 
    console.log("code is running"); 
} 

body＃action_newは存在しませんが、コードが実行されています。

2 console.logsはプリントアウト：与え

[] 
0 
code is running 

何？

Answer 1

.lengthを使用して関数呼び出しのオーバーヘッドを回避すると、上記のコードは次のようになります。

if ($("#action_new").length > 0){ 

Answer 2

以外では、.ready（）を呼び出すことはできません。それ以外の場合は、未定義の動作が発生します。

.ready（）メソッドは、現在のドキュメントと一致するjQueryオブジェクトに対してのみ呼び出すことができるため、セレクタは省略できます。あなたは.size()メソッドが内部.lengthを使用していますコメントで@Interrobangで述べたように、それが推奨されたようinteadあなたは

$(document).ready(function(){ 

if($("#action_new").size()>0){ 
     console.log($("body#action_new")); 
     console.log($("body#action_new").length); 
     console.log("code is running"); 
    } 

}); 

を試すことができ、文書を除いreadyを呼び出すことはできません

http://api.jquery.com/ready/

Answer 3

ready()をセレクタに呼び出すことができます。 https://github.com/Verba/jquery-readyselector