jqueryまたはjavascriptは、イベントに動的にロードされると実行されますか？

Question

私がドロップダウンを持っていると私はオプションを選択すると、これがあるとき、私はまた

 <table id="dataFileTableHeader"> 
      <thead> 
       <tr> 
        <th><strong>Export Type</strong></th> 
        <th><strong>Company</strong></th> 
        <th><strong>File Name</strong></th> 
        <th><strong>Date Modified</strong></th> 
        <th><strong>Total Records</strong></th> 
        <th><strong>File Size</strong></th> 
        <th><strong>Owner</strong></th> 
       </tr> 
      </thead> 
     </table> 
     <script> 
     $(function(){ 
      var i = 0; 
      $('#dataFileTableHeader th').each(function(index) { 
       alert("hello " + (++i)); 
      }); 
     }); 
     </script> 

、のような小さなjQueryのスクリプトを送信するテーブルと一緒に、それは、サーバから適切なテーブルをロードするとjQueryを使用して、それを表示しますロードされた私はalertが7回現れることを期待しているが何も起こらない何かが不足している？あなたはまた、単に内のインデックスを使用することができます

<table id="dataFileTableHeader"> 
     <thead> 
      <tr> 
       <th><strong>Export Type</strong></th> 
       <th><strong>Company</strong></th> 
       <th><strong>File Name</strong></th> 
       <th><strong>Date Modified</strong></th> 
       <th><strong>Total Records</strong></th> 
       <th><strong>File Size</strong></th> 
       <th><strong>Owner</strong></th> 
      </tr> 
     </thead> 
    </table> 
    <script> 
    $(function(){ 
     var i = 0; 
     $('#dataFileTableHeader th').each(function(index) { 
      alert("hello " + (++i)); 
     }); 
    }); 
    </script> 

Answer 1

DEMO

あなたはあなたのIDの後にスペースを持っているが

（<table id="dataFileTableHeader ">代わりの<table id="dataFileTableHeader">

だから、この1は正しいです番号をつかむように警告する。「i」は必要ない。

Answer 2

コンテンツが動的に読み込まれている場合は、コンテンツがそこに到達する前にスクリプトが実行されている可能性があります。このコードは、あなたのajax関数の "成功"パラメータの後に置いてください（そのコードを見ずに言うのは難しい）。理にかなっている？