AJAX Div 标签 html 重新加载后按钮无法工作

Question

单击该按钮时，脚本将完成 Ajax post，然后将新的 HTML 返回到 VAR divReload 中，以更新特定 div 标签的内容。我遇到的问题是，一旦更新成功，该 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 更新表单后，您必须重新附加点击事件，或者使用 .live() 事件绑定方法。

更新

看起来您已经在使用 .live() 在这种情况下，返回的按钮信息可能与 $(".所有框”） 选择器。