javascript - div刷新后选择不进行ajax调用
问题描述
我在同一个 div 中有一些功能。一切都很好,但只是在第一次。在那之后,没有任何效果。
我有一个带有更改 ajax 调用的 select2:
$('#category').change(function(e){
e.preventDefault();
var s = document.getElementById("category");
var strUser = s.options[s.selectedIndex].value;
var formData = new FormData();
formData.append('caller', 'PrintData');
formData.append('id', strUser);
$.ajax({ url: '../inc/call.php',
enctype: 'multipart/form-data',
processData: false,
contentType: false,
cache: false,
data: formData,
type: 'POST',
success: function(output) {
$('#data').html(output);
}
});
})
select2 包含类别,它将列出属于该类别的所有行。到现在为止还挺好。
调用后,它会将所有结果列为带有 3 个按钮的表格。其中之一使用 ajax 调用来删除该字段。要收听该按钮的点击,我使用以下内容:
$('#reloader').on( "click", "button", function(e) {
e.preventDefault();
let button = $(this);
let id = button.data("id");
let func = button.data("function");
let code = button.data("action");
if(func == "delete"){
DeleteData(id, code);
}else if(func == "edit"){
window.location = button.data("link")
}
});
当我单击按钮删除行时,上述函数调用以下函数:
function DeleteData(id, code)
{
swal({
title: 'Are you sure?',
text: "Do you want to delete " + code + "?" ,
type: 'question',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes',
showLoaderOnConfirm: true,
preConfirm: function() {
return new Promise(function(resolve) {
$.ajax({ url: '../inc/call.php',
data: {
dados: JSON.stringify(id),
caller: 'DeleteData',
dataType: 'json'
},
type: 'POST'})
.done(function(response){
swal('Done!', response.message, response.status);
updateDiv("reloader");
$('#category').select2();
})
.fail(function(response){
swal('Oops...', response.message, response.status);
updateDiv("reloader");
$('#category').select2();
});
});
},
allowOutsideClick: false
});
};
我的问题发生在这个 ajax 调用之后。看起来,在我调用一个用updateDiv("reloader");
. 然后,我尝试将 select 转换为 select2 ,$('#category').select2();
但它不起作用。
基本上,选择转换为普通选择,将其转换为 select2 的代码不起作用。除此之外,即使我更改了选择 2 中的值,它也不会进行 ajax 调用来列出结果($('#category').change(function(e){
)
这样,我希望您对以下两种解决方案之一的帮助:1-使这个简单的事情起作用,因此在刷新后选择变为 select2 并且它与我创建的更改功能一起使用;2-刷新后,使其按上述方式工作,但默认选择最后一个,它将列出所有要继续工作的内容(以避免一次又一次地选择类别并等待数据列表)(最佳选择);
任何帮助,将不胜感激。希望线程被很好地呈现。如果需要更改某些内容,请告诉我,我会更新它。谢谢。
解决方案
请用
$('body').delegate('#category','change',function(){
})
因为有些时候开发人员使用数据表数据表没有读取下一页直接 dom
推荐阅读
- excel - excel vba代码密码保护不会消失
- ssl - 如何使用 RusTLS 使用已知的公钥和 PKCS1 填充来加密字节片?
- database - 使用 Grails 作为框架时尝试查看 H2 数据库中的表
- android - 从片段中获取输入数据
- batch-file - 通过网络删除文件夹
- azure-active-directory - Azure ADB2C 使用自定义策略尝试强制用户每次登录
- sql - 按 2 列对表格进行排序
- php - wordpress wp_get_current_user 数据未在 jason-api 中显示
- typescript - 在打字稿模块中声明异步方法
- regex - 正则表达式不匹配