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

Posted 2023-05-09

【中文标题】在多个页面上打开相同的弹出对话框 Jquery Mobile 1.4.5

【英文标题】：Open same popup dialog on multiple pages Jquery Mobile 1.4.5

【发布时间】：2015-01-16 22:28:49

【问题描述】：

在我的应用程序中，我有一个弹出窗口，如果用户长时间处于非活动状态，它将出现在应用程序内的任何页面上，以将用户注销。我在 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 页（向前） - 单击链接弹出窗口未打开，但可以看到在控制台中执行的代码。

关于如何解决这个问题的任何想法？谢谢

【问题讨论】：

只需在任何页面 div 之外放置一个弹出窗口（外部弹出窗口）。 ***.com/a/22559428/1771795

谢谢 - 看起来它现在可以工作了！！

【参考方案1】：

可能是这个问题漏掉了 data-rel ，

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

【讨论】：

$(".class_popCountDown").popup("open"); 无需data-rel="popup" 或href="#id" 即可完成这项工作。