jQueryはコンソールに貼り付けたときのみ動作します

Question

私はChrome拡張機能を使用しています。私が呼び出しているclick（）メソッドは、拡張インスペクタのコンソールに貼り付けた後にのみ動作します。

マークアップはそうのようなものです：

<ul id="results-list"> 
    <li><a href="#">something</a></li> 
    <li><a href="#">something</a></li> 
    ... and so on ... 
</ul> 

だから、何も空想、本当に。しかし、それらの<li><a>...</a></li>は、フォーム送信から返されたjsonデータに基づいて設定されています。だから、私はそれがonReady（）に存在しない要素と関係があると思いますが、onReadyの外にonReadyの内側に匿名メソッド（下）を入れて何度も試してみましたが、&のonSubmitの外側にはまだ運がありません。

私のjQueryのは、以下の通りです：

$(document).ready(function(){ 
    $('form').submit(function(){ 
    ... make the JSON request & populate the form ... 
    }); 
    $("#results-list a").click(function(){ 
    $('body').width(600); 
    return false; 
    }); 
}); 

誰もがこれに任意の洞察力を持っていますか？私はそれが私の.click()メソッドの場所か、私が知らないChrome拡張機能の問題かと考えています。

ありがとうございました！

Answer 1

それがサーバから戻ってくるまで、アクセスしようとしているDOMの一部が利用できないため、コールバックにあなたのイベントを移動：ページが最初にロードした後に追加された要素については

$(document).ready(function(){ 
    $('form').submit(function(){ 
    // ... make the JSON request & populate the form ... 

    $.ajax({ 
     url: yourUrl, 
     data: yourData, 
     success: function(data) { 
     // Build your list and then: 
     $("#results-list a").click(function(){ 
      $('body').width(600); 
      return false; 
     }); 
     } 
    }); 
    }); 
});