Почему после вызова load() перестает работать модальное окно bootstrap?

Question

[Him4enko]

Реализую постраничную навигацию, когда пользователь нажимает на конкретную страницу я ее подгружаю через load() указав конкретный блок и заменяю его на той странице, которая открыта.

$(".page-link").click(function (e) {
        e.preventDefault();
        $("#userTable").load($(this).attr('href') + ' #userTable');
    });

Далее я пытаюсь по нажатию вызвать модальное окно

$(".deletebtn").click(function(){
        $("#deleteModal").modal("show");
    });

Если страница только загружена и переход по страницам не был осуществлен, то на 1 странице модальное окно выводиться, если перейти на другую, то выводить уже не будет и если вернуться снова на 1, то уже тоже не будет выводиться. В консоли нет никаких ошибок, в чем проблема?

Answer 1

[v3shin]

Потому что элементы в DOM меняете, а обработчики на них не навешиваете.
Вешайте обработчики на document:

$(document).on('click', '.deletebtn', function () {});