问题描述: 在使用Ajax调用后创建的按钮,在触发事件时不起作用。
解决方法:
// 绑定事件到父元素
$(document).on('click', '.btn', function() {
// 处理按钮点击事件
alert('按钮被点击了');
});
// Ajax调用
$.ajax({
url: 'your-url',
success: function(data) {
// 创建按钮
var btn = $('');
// 将按钮添加到页面中
$('body').append(btn);
}
});
// Ajax调用
$.ajax({
url: 'your-url',
success: function(data) {
// 创建按钮
var btn = $('');
// 将按钮添加到页面中
$('body').append(btn);
// 手动绑定事件
btn.on('click', function() {
// 处理按钮点击事件
alert('按钮被点击了');
});
}
});
以上两种方法都可以解决Ajax调用后创建的按钮在触发事件时不起作用的问题。根据实际情况选择其中一种适合的解决方法即可。
下一篇:AJAX调用后的函数处理