当使用Ajax提交表单或发送请求后,可能会遇到Jquery函数不起作用的问题。这通常是因为在Ajax请求返回后,Jquery函数没有被重新绑定到新的元素上,或者在Ajax请求完成之前就执行了Jquery函数。
解决这个问题的方法有以下几种:
$(document).on('click', '.button', function(){})
来绑定点击事件,其中.button
是一个在Ajax请求返回后会出现的元素的选择器。$('.button').on('click', function(){})
来重新绑定点击事件。$.ajax
方法的success
回调函数:在Ajax请求中,可以通过success
回调函数来执行Jquery函数,确保在请求完成后执行。例如:$.ajax({
url: 'your-url',
type: 'POST',
data: yourData,
success: function(response) {
// 在这里执行Jquery函数
}
});
没有搜到相关的文章