Trigger Modal from ajaxContent

Question

У меня есть прямой поиск на веб-странице (используются CodeIgniter, jQuery и Bootstrap). В основном это работает следующим образом:

1. На входе он запускает AJAX-запрос
2. Это делает запрос на файл, который возвращает JSON-объект
3. При успешном запросе он анализирует объект
4. Все содержимое анализируется в строках таблицы

Одна из ячеек таблицы содержит кнопку. Кнопка должна открывать окно модальное, с помощью javascript. Почему JS? Потому что сначала нужно выполнить другой запрос AJAX для заполнения контента Modal.

Однако, это не работает. Он работает на кнопке, которая уже находится на странице в начале. Но я не могу заставить JS запускаться на AJAX-контенте.

В идеале, я бы хотел, чтобы это вызывало событие .click(), когда нажата кнопка.

Любые предложения?

Answer 1

Событие click связывает события с элементами dom, которые уже доступны.

Если вы динамически добавляете элемент на свою страницу, у них не будет событий, с которыми вы связывались.

Вместо этого вам нужно присоединить обработчик событий к вашей кнопке. Вы можете сделать это через функцию .on() jQuery.

$(document).on('click', '#newButtonID', function() { 
    // Your second ajax call goes here 
});