AJAX Divタグの再読み込み後にボタンが機能しない

Question

ボタンをクリックすると、スクリプトはAjax投稿を完了し、特定のdivタグの内容を更新する新しいHTMLをVAR divReloadに返します。私が持っている問題は、いったんこのアップデートがうまくいけば、そのdiv内の同じボタンがもう機能しなくなります。何かご意見は？

<input type='button' class='all-boxes' value='All Boxes' submit-val='$ord_id' 
    single- rate='2' submit-wave='$select_wave'> 

<script type=\"text/javascript\"> 

\$(\".all-boxes\").live(\"click\", function() { 

    var uccId = \$(this).attr('ucc-val'); 
    var orderId = \$(this).attr('submit-val'); 
    var singleRate = \$(this).attr('single-rate'); 
    var waveId = \$(this).attr('submit-wave'); 

    var imgBox = \"#img-box-\"+orderId; 
    var textBox = \"#text-box-\"+orderId; 
    var divReload = \"#div-\"+orderId; 

\$(imgBox).fadeIn(500); 

    \$.ajax({ 
       url: '/cgi-bin/sys/prod/DC/rate_quote_test/rate_quote5.pl/', 
       type: 'POST', 
       data: 'single_rate=' + singleRate +'&wave_number=' + waveId + 
        '&single_ord_id=' + orderId + '&single_ucc_id=' + uccId, 

       success: function(result) { 
       \$(divReload).html(result); 
       var alertReload = \"#alert-me-\"+orderId; 
       \$(alertReload).toggle(); 
       alert(\$(alertReload).html()); 
      } 
    }); 

     return false; 

}); 

「;。

Answer 1

あなたは新しいdiv要素を持つフォームを更新、またはjQueryのの .live() event bindingメソッドを使用した後にクリックイベントを再接続するか必要があります

UPDATE

既に使用しているようです.live()その場合、戻ってくるボタン情報がと一致していない可能性がありますセレクタ。