单击 Bootgrid 分页按钮时触发事件？

Question

单击 JQuery Bootgrid 分页元素中的按钮时，我无法触发事件。我相信我无法正确定位元素以使处理程序知道我单击了分页。我已经尝试了以下变化和更多：

$(document).on('click', "#grid-footer .button", function () {
   alert("You clicked the pagination button!");
});
$(document).on('click', "#grid-footer a", function () {
   alert("You clicked the pagination button!");
})
$(document).on('click', "#grid-footer a .button", function () {
   alert("You clicked the pagination button!");
})
$(document).on('click', "#grid-footer .pagination", function () {
   alert("You clicked the pagination button!");
})
$(document).on('click', "#grid-footer .pagination > li > a", function () {
   alert("You clicked the pagination button!");
})

单击分页按钮时，

None 个会触发警报。任何人都可以找出正确的选择器来在单击分页时触发事件吗？这是一个 jsfiddle，其中包含最简单的引导网格和一个分页元素。

Answer 1

我没有使用过 Bootgrid，但我只是快速浏览了一下文档。您当前的代码不起作用的原因是您在生成内容之前添加了 eventListener。因此，您应该首先为内容加载时添加一个 eventListener。

在此 eventListener 中，您可以为分页添加一个 eventListener，如下所示；

var rowIds = [];
var grid = $("#grid").bootgrid({
    selection:true,
    multiSelect: true,
    rowSelect: true,
    rowCount: 3 
}).on("loaded.rs.jquery.bootgrid", function(e){
    console.log("Bootgrid Loaded")
    $("#grid-footer .button").on('click', function () {
        alert("You clicked the pagination button!");
    });
});

您可以使用许多事件监听器，请查看 documentation

这是更新后的 JSFiddle，整个过程都正常。

单击 Bootgrid 分页按钮时触发事件？

Fire event when clicking on Bootgrid pagination button?

javascript

jquery

jquery-bootgrid