【问题标题】:jquery confirm box not working second page in paginationjquery确认框在分页中的第二页不起作用
【发布时间】:2015-02-27 12:46:23
【问题描述】:

我必须在带有分页的表格中显示表格中的用户数
我为每个用户提供了删除选项
我正在使用数据表分页
它必须在删除用户之前询问确认,所以我使用 jquery .confirm 函数 (jquer.confirm.js)
此 jquery 确认框在分页的第二页中不起作用。

这是我的代码:

$(".del_user").each(function(){
   var user_id = this.id;
   $("#"+user_id).confirm({
   text: "Are you sure you want to delete this user?",
    title: "Confirmation required",
    confirm: function(button) {
   <!---delete function()---->
    return false; 
    },
    cancel: function(button) {
    // nothing to do
    },
   confirmButton: "Yes",
   cancelButton: "No",
   post: true,
   confirmButtonClass: "btn-danger",
   cancelButtonClass: "btn-default"
    });
});

如何解决这个问题?

【问题讨论】:

  • 你遇到了什么错误?
  • 我没有收到任何错误。但确认框没有出现在第二页
  • 发布你的 html,如果可能的话,创建小提琴
  • 为此使用 jQuery(document).delegate() 或 jQuery(document).live() 方法

标签: php jquery pagination


【解决方案1】:

试试这个...

你的 jquery dom 没有为另一个标签加载,所以我的经验是这样做的

".paginate_button" is your tab button class name

 $(".paginate_button").click(function(){
$(".del_user").each(function(){
   var user_id = this.id;
   $("#"+user_id).confirm({
   text: "Are you sure you want to delete this user?",
    title: "Confirmation required",
    confirm: function(button) {
   <!---delete function()---->
    return false; 
    },
    cancel: function(button) {
    // nothing to do
    },
   confirmButton: "Yes",
   cancelButton: "No",
   post: true,
   confirmButtonClass: "btn-danger",
   cancelButtonClass: "btn-default"
    });
});
});

【讨论】:

  • 不是复选框。我只是使用一个href:
【解决方案2】:

你可以这样做...

在数据表函数中添加“fnDrawCallback”选项:

$('#datable_id').dataTable({
      "fnDrawCallback": function () {
            createconfirmationbox();
      },
});

您的 jquery 确认功能如下所示:

function createconfirmationbox(){
$('.someclass').confirmation({
    onConfirm: function () {

      *do something on confirmation*  

    }
});}

【讨论】:

    猜你喜欢
    • 2014-08-19
    • 1970-01-01
    • 2020-11-18
    • 2013-04-13
    • 2019-12-12
    • 1970-01-01
    • 2023-04-02
    • 2017-11-17
    • 1970-01-01
    相关资源
    最近更新 更多