jQuery Мобильное всплывающее окно загрузки страницы с Rails

Question

Я пытаюсь открыть всплывающее окно на странице с помощью jQuery Mobile и Rails.

Всплывающее окно можно открыть ссылкой, но я не могу открыть его при загрузке.

HTML код

<div data-role="popup" id="popup-choix" data-history="false" data-overlay-theme="a" data-transition="flow" data-position-to="window"> 
    <ul>...</ul> 
</div> 

Javascript код

$(document).on("pageshow", function() { 
    $('#popup-choix').popup('open'); 
}); 

Я проверил с Chrome и Javascript правильно связаны страницы.

У меня есть ссылка на страницу, чтобы открыть всплывающее окно. Он работает отлично.

<div class="div-popup"><a href="#popup-choix" data-rel="popup">...</a></div> 

Я думаю, что проблема с моим Javascript тогда ...

---

UPDATE

Я поместил Javascript в popup.js, который затем вызывается с application.js манифеста.

UPDATE 2

Я написал JavaScript в popup.js и вызвать его с manifest.

Answer 1

Обновлено

Примечание: для Ruby On Rails пользователи читают эту comment.

Это правильный способ открыть всплывающее окно, когда страница загружается/отображается.

$(document).on("pageshow", function() { 
$('#popup-choix').popup('open'); 
}); 

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

Source

$(document).on("pageshow", function() { 
setTimeout(function() { 
    $('#popup-choix').popup('open'); 
}, 100); // delay above zero 
}); 

Если вы хотите открыть для конкретной страницы, добавьте '#PageId' вместо document.