ブラウザーの [戻る] ボタンと Jquery Mobile アプリで問題が発生しています。
私は問題を最も単純な形に抽出しようとしました。ボタンのあるページがあります。ボタンをクリックすると、ポップアップが表示されます。ポップアップには、Googleへのリンクがあります。Google へのリンクをクリックすると機能しますが、ブラウザーの [戻る] ボタンをクリックすると、ページが一瞬表示された後、Google が再び読み込まれます。アプリを離れた後、元に戻れないようなものです。
この問題は、PC または Mac では発生しません。iPhone と iPad で発生します。
コードは次のとおりです。
<!DOCTYPE html>
<html>
<head>
<title>wtf</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<!-- Start of first page -->
<div data-role="page" id="foo">
<div data-role="content" id="content">
<a href="#advisor4" data-rel="popup" data-role="button" data-close-btn="right" data-inline="true" data-transition="slidedown" > popup</a>
</div>
<div data-role="popup" id="advisor4" class="advisor popupPage ui-btn-right" data-dismissible="false" data-overlay-theme="e" data-theme="b" ><br/>
<a class="advisor_button" id="answer-4-26" href="http://google.com" data-history="false" data-ajax="false" rel="external" data-role="button" data-inline="true" data-theme="b" data-corners="false"> google data-history="false" data-ajax="false" rel="external" </a><br/>
</div>
</div><!-- /page -->
</body>
ありがとう！