使用Rails加载页面时的jQuery Mobile弹出窗口

我正在尝试使用jQuery Mobile和Rails在页面加载时打开一个弹出窗口。

可以使用链接打开弹出窗口，但我无法在加载时打开它。

HTML代码

 
...
  

Javascript代码

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

我查看了Chrome，并且Javascript正确链接到该页面。

我在页面上有一个链接打开弹出窗口。 它完美地运作。

 
... 

我想问题是我的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 。