2

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" />&nbsp;1 - Burgruine Lichtenstein</a></li>

...
</div>

ul リスト ビューのリンクをクリックすると、div_Lichtenstein_1 ページの [戻る] ボタンが表示されます。

しかし、マップ エリアの onclick をクリックすると、div_Lichtenstein_1 ページの戻るボタンが表示されません。onclick の代わりに href= を直接使用しても同じことが起こります。

jquery mobile は、最初の a href クリックで何か特別なことをすると思います。これは、href アイテムのリスト ビューを最初にクリックしたときに確認できます。[戻る] ボタンが存在します。次にマップ エリアのリンク (同じ参照) をクリックすると、戻るボタンが表示されます。

逆の順序で行うと、最初にマップ エリアをクリックしてから、戻るボタンをクリックする href は存在しません。

何が間違っているのか、何を変更する必要があるのか​​ わかりませんか?

助けてくれてありがとう!

4

0 に答える 0