JQuery mobile popup ui-popup-screen не отображается при прокрутке

Question

У меня есть всплывающее окно JQM 1.3, которое я установил для data-dismitable = "true". Все хорошо, пока экран не прокручивается. Всплывающее окно прокрутки отлично, и у меня есть слушатель событий javascript, чтобы центрировать всплывающее окно, когда прокрутка останавливается. Проблема в том, что основной -screen div (который создает jqm) не следует всплывающему окну. Поэтому, если я прокручиваю нижнюю часть экрана, а затем выбираю где-нибудь за пределами всплывающего окна, он не отклоняет всплывающее окно. Используя инструменты dev, я вижу, что css для -screen div никогда не изменяется после отображения всплывающего окна.

Я хочу, чтобы -screen div отслеживал мой всплывающий div, так что независимо от того, где я прокручиваю - в любом месте, которое я нажимаю вне всплывающего окна, он отклонит его. В настоящее время, если я хочу щелкнуть вне всплывающего окна, чтобы отклонить его, мне нужно прокрутить экран назад до того места, где всплывающее окно было впервые отображено.

Answer 1

Я нашел проблему: Когда я добавлял всплывающее окно, я не добавлял его достаточно далеко в DOM. Я добавлял всплывающее окно к «телу», и вместо этого он должен быть добавлен на один уровень вниз до div с помощью data-role = «page» или div с классом «ui-page».

Всплывающее содержится в шаблоне руле:

$('body .ui-page-active').append(template());