数据表和模态
Datatables and Modals
我有一个数据表设置(http://datatables.net/),我正在尝试有一个选项从表中删除一行,并有一个jQuery对话框模式弹出窗口来确认。但是,模态在表的第一页上工作正常,但是当表转到第 2 页时,模态停止工作。我的猜测是,当表分页到接下来的 10 个条目时,会发生一些删除对话框单击调用的事情。
这是我的模态代码:
$('#delete-dialog').dialog({
autoOpen: false,
width: 400,
modal: true
});
$('.delete_modal').click(function (e) {
e.preventDefault();
var targetUrl = $(this).attr("href");
$('#delete-dialog').dialog({
buttons: {
"Delete": function() {
window.location.href = targetUrl;
},
"Cancel": function() {
$(this).dialog("close");
}
}
});
$('#delete-dialog').dialog("open");
});
这是我的模态代码:
<div id="delete-dialog" title="Remove User">
<p>Are you sure you want to delete this user?</p>
</div>
知道为什么它在表格的第一页上有效,而不是在第二页上有效吗?
这是我的删除代码:
<li><a href="?page=users&sub=admins&action=delete&id=<?=$row['id']?>" class="delete_modal"><span class="icos-trash"></span>Delete</a></li>
我的猜测是你正在加载尚未与jquery绑定的新元素。 您可以像这样绑定新元素或将处理程序附加到类.delete_modal。
$("body").on("click", ".delete_modal", function (e) {
e.preventDefault();
var targetUrl = $(this).attr("href");
$('#delete-dialog').dialog({
buttons: {
"Delete": function() {
window.location.href = targetUrl;
},
"Cancel": function() {
$(this).dialog("close");
}
}
});
$('#delete-dialog').dialog("open");
});
相关文章:
- 如何通过所选索引(AngularJS)在模态弹出窗口中显示数据
- 将数据传递给由服务创建的Ionic模态
- 如何销毁数据表的首次初始化(模态内的数据表)
- 数据表和模态
- 将角度模态数据传递到主控制器
- 使用 jquery ajax 从 Bootstrap 3 模态表单获取数据
- Knockout JS-点击加载所选项目的模态编辑表单
- 传递的角度UI模态数据为null
- 引导程序's的模态数据属性未更新
- Onsenui模态数据绑定
- 使用模态表单时,AngularJS数据表不更新
- JQuery UI模态表单对话框保存数据到数据库
- 在模态表上初始化数据表时出现Ajax错误
- 将可单击的表行中的数据动态显示到模态中
- Jquery数据表,表不可用后模态窗口
- 在codeigniter中编辑模态引导表单
- 创建一个自定义Jquery模态表单来上传数据
- 在AngularJS中,从模态表单中注入数据到父表单中
- 数据表后面的模态显示
- Angularjs 从模态中获取数据并发布在表中