javascript - 使用 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 上......

---

更新

我将 Javascript 放在 popup.js 中，然后使用 application.js list 调用它。

更新 2

我在 popup.js 中编写了 javascript并用 manifest 调用它.

Answer 1

已更新

Note: for Ruby on Rails users read this 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。