Дополнительные всплывающие окна jQuery не инициализируются после возврата ajax

Question

Я использую бесстраничное решение для отображения списка мест. Некоторые из этих мест включают это всплывающее окно jQuery для дополнительных данных, которые будут отображаться в поле. Проблема, однако, заключается в том, что после добавления ajax новые местоположения, добавленные для продолжения перехода вниз страницы, не поддерживают функцию всплывающих окон.

Как инициализировать новые всплывающие окна, добавленные на страницу?

<div data-role="popup" id="@l.location_id"  data-corners="false" data-tolerance="50,30">
    Content
</div>

Спасибо!

Answer 1

Когда страница загружается и jQuery mobile инициализируется, она будет искать любые div с атрибутом data-role="popup" и инициализировать всплывающее окно. Проблема в том, что этот код запускается один раз при загрузке страницы, и динамически созданные div не регистрируются. Однако вы можете инициализировать всплывающий виджет программно, выполнив

$(selector).popup()

selector может быть id недавно добавленного div.