在使用 Ajax 刷新时,应该在 jQuery 的 document ready 事件中重新绑定事件处理程序,而不是直接绑定到元素。这样做可以确保新加载的元素也会被绑定。以下是示例代码:
原始代码:
$('#ajax-content').load('/content', function(){ // 筛选 .btn 并绑定 click 事件 $('.btn').click(function(){ // 处理点击事件 }); });
修改后的代码:
function bindBtnClick(){ $('.btn').click(function(){ // 处理点击事件 }); }
$('#ajax-content').load('/content', function(){ // 筛选 .btn 并绑定 click 事件 bindBtnClick(); });
$(document).ready(function(){ // 在 document ready 事件中重新绑定点击事件 bindBtnClick(); });