【问题标题】:Disabling click events on 'disabled' pagination in Datatables?禁用数据表中“禁用”分页的点击事件?
【发布时间】:2012-09-28 14:39:18
【问题描述】:

我正在尝试禁用数据表中“已禁用”分页按钮上的点击事件。

我一直在尝试用这段代码这样做

$('.dataTables_paginate span.ui-state-disabled').click(function(){return false;});

但这仅适用于文字导航(即 Next、Previous、First、Last)而不是编号。我尝试了十几种不同的方式来定位它,但无济于事。数据表 API 中是否有我遗漏的东西,或者有没有人知道如何禁用它?禁用类通过数据表动态应用。

如果你有时间,请帮忙——这快把我逼疯了!

【问题讨论】:

  • 默认情况下它们应该被禁用并且不可点击,除非它可以导航到另一个页面。你能在 jsfiddle.net 上做一个例子吗?

标签: javascript jquery datatables jquery-events


【解决方案1】:

参与为时已晚,但对于其他人,我仅使用 CSS 解决了这个问题

a.paginate_button.current {
    pointer-events: none;
}

希望对你有帮助

【讨论】:

    【解决方案2】:

    问题是数据表 api 可能有一个分页按钮的点击监听器,它们将在你的脚本之前执行。

    但是:如果您打算停止点击的默认事件,请尝试:

    $('.dataTables_paginate span.ui-state-disabled').click(function(e){
         e.preventDefault();
    });
    

    【讨论】:

    • 有没有办法覆盖这些? preventDefault()、stopPropagation() 等似乎不起作用。
    • 如果您有权访问数据表脚本,则可以更改默认行为。
    【解决方案3】:

    尝试将e.preventDefault(); 添加到您的点击功能。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-08-19
      • 1970-01-01
      相关资源
      最近更新 更多