datatables, с нумерацией страниц по клику не работает

Question

У меня есть этот код в нижней части страницы:

$('.checkbox-class:checkbox').on('click', function () {
    alert($(this).val());
});

У меня есть дата с td с этим входом:

<input class="checkbox-class" type="checkbox" name="compartir[]" value="{{$row->id}}">

Я вижу предупреждение на каждомщелкните флажок на первой странице, но когда я перехожу на 2-ю страницу, скрипт не прослушивает эти щелчки.Но, если я перезагружаю страницу и перехожу сначала на 2-ю страницу, затем я делаю свои первые клики, javascript может хорошо их поймать, но если я перехожу на 1-ю страницу, javascript их не слушает (на этом 1-йстраница)

Я не понимаю, когда это происходит.

РЕДАКТИРОВАТЬ: скрипка об этом:

https://codepen.io/anon/pen/EBjNPW

Answer 1

Вы можете использовать делегирование для события, прикрепив его к самой таблице и запустив только определенный тип класса. Я полагаю, что вы используете JQuery, как у вас в приведенном выше примере, так что это должно удовлетворить ваши потребности, обратите внимание как 2-й параметр .on является className элементов флажка в таблице, то он будет запускаться каждый раз, когда щелкает флажок с этим className внутри родительской таблицы:

$('#yourTable').on('click', '.checkbox-class:checkbox', function(){
    alert($(this).val());
});