私のアプリには、アプリ内の任意のページに表示されるポップアップがあり、ユーザーが長時間非アクティブな場合にログアウトします。これは 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 (以降) - クリック リンクのポップアップは開きませんが、コンソールで実行されているコードを確認できます。
これを修正する方法についてのアイデアはありますか? ありがとう