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

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

可能是

这个问题错过了数据关系，

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