jQuery Mobile サイトで問題が発生しています。3 つの個別のページ (1 つの index.html ファイル内) があり、すべてが成功イベントで独自のポップアップをロードし、次のように jQuery を介してポップアップをロードしています。
$( "#myPopupDiv" ).popup( "open" );
これはうまく機能しますが、ユーザーがページにアクセスしてそのポップアップを開いた後、後続のページにアクセスすると、それらのページのポップアップは起動しません (ただし、そのページのポップアップはセッション中に機能します)。ただし、すべてのコードはページ上で機能し、Chrome 開発ツールにコンソール エラーはありません。
重複する ID はありません。console.log に入れてみましたが、ポップアップを開くためにコードを起動する必要があります。これは正しく機能し、コードをバイパスしてポップアップを開くように見えます。
以前にこの問題を経験した人はいますか?
前もって感謝します。
簡略化されたコード例
<!-- PAGE 1 -->
<div data-role="page" id="page-1">
<div data-role="content">
<!-- BUTTON: loadPopup-1 -->
<div id="popup-1" data-role="popup">
<!-- Popup contents -->
</div><!-- /popup -->
</div><!-- /content -->
</div><!-- /page -->
<!-- PAGE 2 -->
<div data-role="page" id="page-2">
<div data-role="content">
<!-- BUTTON: loadPopup-2 -->
<div id="popup-2" data-role="popup">
<!-- Popup contents -->
</div><!-- /popup -->
</div><!-- /content -->
</div><!-- /page -->
<!-- JS -->
function loadPopup-1() {
$( "#popup-1" ).popup( "open" );
}
function loadPopup-2() {
$( "#popup-2" ).popup( "open" );
}
したがって、ユーザーがページ 1 を選択してそのポップアップを開くと、そのポップアップは引き続き機能しますが、ページ 2 のポップアップは機能しません。その逆も同様です。