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

Jquery 重新加载AJAX Div标记html后按钮无法工作,jquery,ajax,perl,post,Jquery,Ajax,Perl,Post,单击按钮时,脚本完成一个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

单击按钮时,脚本完成一个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;

});

\$(\“.all Box\”).live(\“单击\”,函数(){
var uccId=\$(this.attr('ucc-val');
var orderId=\$(this.attr('submit-val');
var singleRate=\$(this.attr('single-rate');
var waveId=\$(this.attr('submit-wave');
变量imgBox=\“\”img-box-\”+orderId;
var textBox=\“\”文本框-\”+orderId;
var divReload=\“\”div-\”+orderId;
\美元(imgBox).fadeIn(500);
\$.ajax({
url:“/cgi-bin/sys/prod/DC/rate”,
键入:“POST”,
数据:'single_rate='+singleRate+'&wave_number='+waveId+
“&single_order_id=”+orderId+”&single_ucc_id=”+uccId,
成功:功能(结果){
\$(divReload).html(结果);
var alertReload=\“\”提醒我-\”+orderId;
\$(alertReload.toggle();
警报(\$(alertReload.html());
}
});
返回false;
});

“;

在使用新的div更新表单后,您必须重新附加click事件,或者使用jQuery的
.live()
方法

更新


看起来您已经在使用
.live()
在这种情况下,返回的按钮信息可能与
$(“.all box”)不匹配
selector.

看起来他正在使用live。我们可以再看一下您的html页面结构吗?正在重新加载的div在哪里?这段代码是从ajax请求返回的吗?