Возникает ли событие при нажатии на кнопку нумерации Bootgrid

Question

У меня возникают проблемы при получении события для запуска при нажатии кнопки в элементе разбивки на страницы Bootgrid JQuery. Я считаю, что я не могу правильно нацелить элемент, чтобы обработчик знал, что я нажал на нумерацию страниц. Я пробовал следующие варианты и многое другое:

$(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 с максимально простой загрузочной сеткой и элементом разбиения на страницы.

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!");
    });
});

Есть ряд EventListeners, которые вы можете использовать, ознакомьтесь с документацией

Вот обновленный JSFiddle, где все работает.