событие ajax success не запускается для динамически добавленных ссылок

Question

В моем приложении 4 rails У меня возникли проблемы с запуском события ajax «success» для ссылок, которые динамически добавляются в страницу с помощью jquery. Я создаю разметку следующим образом и динамически добавляю ее на страницу.

<a data-confirm="Are you sure?" data-method="delete" data-remote="true" href="/mylink" rel="nofollow">delete</a> 

Следующая ДЕЛАЕТ спускового:

$(document).on("ajax:success"

Но версия, которая не вызывает, и один я хочу использовать это:

$("a[data-remote]").on("ajax:success"

Любая идея, почему $(document) версия работает, а версия $("a[data-remote]") нет? Чтобы уточнить, это не работает специально, когда вещи добавляются динамически. Для ссылок, которые уже находятся на странице, они запускают события просто отлично.

Примечание: Turbolinks удален.

Answer 1

Это потому, что обработчик события .он() не обрабатывает динамически добавленные элементы, если не указано так:

$(document).on('ajax:success', 'a[data-remote]', function(){});". 

Он работает с «$ (документ)», так как обработчик события захватывает событие, когда оно пузырится до его родительского элемента, в данном случае «документ».

Вы должны добавить обработчик событий к родительскому элементу, который содержит все «a [подтверждение данных]», чтобы он не отфильтровывал каждое событие, или вы не могли указать, как приведенный выше код.

Here's more on event bubbling and capturing.