【问题标题】:Button click not triggered if using bootstrap-table pagination / search如果使用引导表分页/搜索,则不会触发按钮单击
【发布时间】:2018-09-18 19:44:32
【问题描述】:

我用的是文知心bootstrap-table,当我第一次加载页面时触发按钮点击,但是通过表格分页后(使用bootstrap-table功能,不再触发点击。

示例代码位于:https://jsfiddle.net/eitanmg/gsxb8645/9/

如何在使用bootstrap-table 搜索/分页功能时触发我的按钮点击?

【问题讨论】:

  • 因为事件仅附加到现有元素。 $("table").on('click', '.done_status', function () { alert("hello!"); });

标签: javascript jquery bootstrap-table


【解决方案1】:
$(document).ready(function () {
    $(document).on("click",".done_status",function () {

    alert("hello!");

    });
});

您需要在按钮上绑定点击事件,以便它可以被 DOM 检测到。

这是fiddle

【讨论】:

  • 欢迎。 :) @Eitanmg
【解决方案2】:

我在 jsfiddle 编辑了您的代码,现在可以使用以下编辑。

$("table").on('click', '.done_status',function () {

    alert("hello!");

}); 

【讨论】:

    【解决方案3】:

    你可以这样做:

    $(document).ready(function () {
        $("table").on('click', '.done_status', function () {
            alert("hello!");
          });
     });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2016-09-03
      • 1970-01-01
      • 1970-01-01
      • 2020-10-11
      • 1970-01-01
      • 2017-06-06
      • 2021-01-26
      相关资源
      最近更新 更多