使用Rails加載頁面時的jQuery Mobile彈出窗口

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

我在popup.js中編寫了javascript並使用清單調用它。

Answer 1

更新

注意：對於Ruby on Rails，用戶閱讀此評論 。

一旦頁面加載/顯示，這是打開彈出窗口的正確方法。

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

在某些瀏覽器中，一旦頁面加載，彈出窗口就不顯示，因此，添加超時以打開彈出窗口是必不可少的。

資源

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

如果要為特定頁面打開，請添加'#PageId'而不是document 。