单击 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!");
})
单击分页按钮时,这些都不会触发警报。任何人都可以找出单击分页时触发事件的正确选择器吗?这是jsfiddle使用最简单的 bootgrid 和分页元素。
最佳答案
我没有使用过 Bootgrid,但我只是快速浏览了一下文档。您当前的代码不起作用的原因是您在生成内容之前添加了 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一切正常。
关于javascript - 单击 Bootgrid 分页按钮时触发事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43986973/