jQuery Mobile彈出頁面加載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清單調用。

更新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。