iOSアプリにphonegapとjquery mobileを使用しています。
イメージマップと戻るボタンを使用すると問題が発生します。
私のコードは次のようになります。
<img id="lagewanderwege" src="images/Lichtenstein/um_Lichtenstein.gif" alt="" title="Sehenswürdikeiten um Lichtenstein" onclick="toggleLageImage();" usemap="#LandkarteLichtenstein">
<map name="LandkarteLichtenstein">
<area style="cursor: pointer" shape="rect" coords="186,97,203,128" data-transition="slide" onClick="location='#div_Lichtenstein_1';" alt="Burgruine Lichtenstein" title="Burgruine Lichtenstein" />
</map>
<div id="div_Lichtenstein_1" data-role="page" data-add-back-btn="true">
<div data-role="header">
..
</div>
<div id="div_Lichtenstein" data-role="page" data-add-back-btn="true" onmouseover="pauseAudio();">
<div data-role="header">
<h1 id="div_Lichtenstein_header">Archäologisch-historische Rundreise um die Burgruine Lichtenstein</h1>
</div>
<div id="div_video_lichtenstein" data-role="content">
<ul data-role="listview">
<li><a href="#div_Lichtenstein_1" data-transition="slide"><img src="images/Lichtenstein/po_ruine_head.jpg" alt="Burgruine Lichtenstein" class="ui-li-icon" /> 1 - Burgruine Lichtenstein</a></li>
...
</div>
ul リスト ビューのリンクをクリックすると、div_Lichtenstein_1 ページの [戻る] ボタンが表示されます。
しかし、マップ エリアの onclick をクリックすると、div_Lichtenstein_1 ページの戻るボタンが表示されません。onclick の代わりに href= を直接使用しても同じことが起こります。
jquery mobile は、最初の a href クリックで何か特別なことをすると思います。これは、href アイテムのリスト ビューを最初にクリックしたときに確認できます。[戻る] ボタンが存在します。次にマップ エリアのリンク (同じ参照) をクリックすると、戻るボタンが表示されます。
逆の順序で行うと、最初にマップ エリアをクリックしてから、戻るボタンをクリックする href は存在しません。
何が間違っているのか、何を変更する必要があるのか わかりませんか?
助けてくれてありがとう!