Почему сгенерированные блоки HTML в JS не хотят вызывать события показа Popup-окна?

Question

[Forge0100]

Блоки в синих рамках имеют события показа Popup, так-как они записаны в самом html-документе, а блоки в красных рамках подгрузились с помощью AJAX-запроса. Почему же эти блоки не имею этого события?

Если что использую JQuery-скрипт leanModal, окно блока появляется при нажатии на ссылку с параметром
<a href="#hidden_block" rel="leanModal">
а вот скрытый блок

<div id="hidden_block" class="lean_overlay">
   <p>Я скрытый блок, который не хочет показываться :)</p>
</div>

Заранее спасибо!

Answer 1

[Виталий Инчин ☢]

Добавленные элементы не реагируют на mouseenter?

Вешайте обработчики событий на предков.

<ul>
  <li></li>
<ul>

$("ul").on("click", "li", function(){ ... });

Comments

[Forge0100]

Проблема совсем не в этом, скрипт leanModal не хочет работать с данными получеными с AJAX запроса, а точнее код HTML который сгенерирован в JS

[Виталий Инчин ☢]

Forge0100: ну. Я про что?
Вы ставите обработчик вызова leanModal на существующие элементы, потом грузите через Ajax новый код, пихаете в DOM. На появившихся при этом элементах обработчиков нет, вот и не работает.

Или я не правильно вас понял?

[Виталий Инчин ☢]

Forge0100: вы же не дали код - приходится строить теории.

[Виталий Инчин ☢]

Сергей Сергеев: )

[Forge0100]

Виталий Инчин ☢: codepen.io/anon/pen/gamQPP (JS код)

[Виталий Инчин ☢]

Forge0100: все работает, как надо.
Сначала вы ставите обработчик на существующие ссылки, затем грузите новые блоки.

popup_leanModal() поместите после добавления нового кода в DOM, либо делайте, как я сказал выше, если leanModal - это событие...