構築しているモバイルWebサイトに問題があり、徹底的な調査の結果、同じ問題の他のインスタンスを見つけることができません。
モバイルSafariでアプリを実行している場合、この問題は発生しません。そのように実行をホーム画面に保存する場合にのみ問題になります。
問題は次のとおりです。
次の形式のリンクを含む通常のリストを使用します。
<ul data-role="listview">
<li>
<a href="example/example.php" data-transition="slide" data-prefetch="true">Example</a>
</li>
</ul>
リンクをクリックすると、リンクされたページがすぐに表示され、次にスライドして表示されるため、実際には、ページが変更されるまで遷移は発生しません。
上に示したように、データを事前に処理することは私が試した解決策ですが、その前に問題が存在していました。data-rel = "external"を試したかどうかはわかりませんが、動作は同じです。どのトランジションを使用しても、結果は同じです。
-webkit-backspace-visibility:hidden
ハックは機能しませんでしたし、私が今思い出せない他のいくつかも機能しませんでした。
私が問題に対して見つけた唯一の解決策-そしてそれは間違いなく満足のいくものではありません-はリンクされたページをcssを持つように設定することです
#id_of_linked_page {opacity:0;}
..次に、fadeInfast関数を$.mobile.pageshowイベントにバインドします。ただし、そのハッキングを考えると、実際には驚くほどきれいに見えますが、目的の効果が得られず、シームレスではありません。
何か案は？
ありがとう
ps私はこれをiPhone4sのIOS5.1で実行しています（ジェイルブレイクされていません）