Jquery 重新加载AJAX Div标记html后按钮无法工作
单击按钮时,脚本完成一个Ajax post,然后将新的HTML返回到VAR divReload中,以更新特定div标记的内容。我遇到的问题是,一旦此更新成功,该div中的相同按钮将不再工作。有什么想法吗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
<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请求返回的吗?