一种解决方法是使用jQuery的on()函数,代替直接绑定click事件。因为on()函数可以绑定动态添加的元素。
例如:
原先的代码:
$("#element").click(function(){ //点击事件处理逻辑 });
换成以下代码:
$(document).on("click", "#element", function(){ //点击事件处理逻辑 });
另外,如果想要在ajax请求完成后,重新绑定事件,可以在ajax的回调函数中再次调用相应的绑定事件代码。
例如:
$("#add-element").click(function(){ //假设此处添加了一个新的元素 $.ajax({ url: "add-element.php", success: function(){ //成功添加元素后,重新绑定click事件 $("#new-element").click(function(){ //点击事件处理逻辑 }); } }); });