jQuery移动,图像映射区域,href和后退按钮丢失

时间:2013-09-01 19:38:08

标签: jquery jquery-mobile mobile map area

我正在为ios应用程序使用phonegap和jquery mobile。

我现在使用图像地图和后退按钮进入aproblem。

我的代码看起来像这样:

<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页面的后退按钮。

但如果点击地图区域,则不会显示div_Lichtenstein_1页面的后退按钮。当我直接使用href =而不是onclick时也会发生同样的情况。

我认为jquery mobile会在第一次点击href时做一些特别的事情。当我第一次点击列表视图时,我可以看到这个href项目 - 后退按钮存在。如果我接下来点击地图区域链接(相同参考),则后退按钮存在。

如果我按相反顺序执行 - 首先单击地图区域,然后单击href单击后退按钮不存在。

知道什么是错的或我需要修改什么?

感谢您的帮助!

0 个答案:

没有答案