Question

在我的应用程序中，我会在应用程序的任何页面上显示一个弹出窗口，如果用户长时间保持非活动状态，则会将用户注销。我在JQM 1.4.2中使用了这个，但现在我已经升级到1.4.5，弹出窗口不会出现在任何没有页面刷新的页面上。

我最初使用#id调用所有弹出框，所以我认为更改它以使用类可以解决问题，但它没有。

代码:(简化为在每个页面上显示基本弹出窗口）

所有文件中包含的弹出页面：

<div data-role='popup' class='class_popCountDown' data-theme='a'
data-overlay-theme='a' data-dismissible='false'
style='min-width: 300px;'>
<div data-role='header' data-theme='a'>
    <h1>Time Out</h1>
</div>
<div data-role='main' class='ui-content'>
    <p>
        this is a popup test    
    </p>
    <a href="#" class="ui-btn" data-rel="back">cancel</a>
</div>

<script>
function displayPopupTest() {
        $(".class_popCountDown").popup("open");

};
</script>

对于这个例子，我只想尝试在每个页面上打开弹出窗口：

<a href="#" onclick="displayPopupTest();" >open popup</a>

所以......第1页 - 点击链接弹出窗口打开 - 更改页面 - 第2页（以后） - 单击链接弹出窗口未打开但可以看到在控制台中执行的代码。

有关如何解决此问题的任何想法？感谢

Answer 1

可能是这个问题错过了data-rel，

<a data-rel="popup" href="#id" onclick="displayPopupTest();" >open popup</a>

在Jquery Mobile 1.4.5的多个页面上打开相同的弹出对话框

1 个答案: