HTML5地图不会调用弹出窗口

时间:2014-09-22 18:44:01

标签: javascript jquery html5 cordova

我目前正在开发一个使用phonegap的网络应用程序。 Bellow遵循我使用图像映射的一段代码,ideia是在用户触摸/点击确定的坐标时调用弹出窗口,让弹出窗口处理其余的。但由于某种原因,POP UP没有出现。

以下是Popup的一般结构:

<div data-role="popup" id="itemVistoria" data-theme="a" class="ui-corner-all" style="width:250px; height:330px">
  
   <div id="popupVistoria_seletores" style="margin: 0 auto">
     <div class="circle" style="background:#960 !important">
       <a href="#" onclick="appendItemVistoria('A'); window.close();">A</a></div>
     <div class="circle" style="background:#09F !important">
       <a href="#" onclick="appendItemVistoria('Q');">Q</a></div>
     <div class="circle" style="background:#9F3 !important">
       <a href="#" onclick="appendItemVistoria('R');">R</a></div><br>
     <div class="circle" style="background:#309 !important">
       <a href="#" onclick="appendItemVistoria('M');">M</a></div>
     <div class="circle" style="background:#F93 !important">
       <a href="#" onclick="appendItemVistoria('C');">C</a></div>
     <div class="circle" style="background:#666 !important">
       <a href="#" onclick="appendItemVistoria('S');">S</a></div><br>
                                                   
    </div>
  
</div>

这里是HMTL MAP

<img name="path850" src="img/vistoria/modeloAvaliativo3.png" width="879" height="590" id="path850" usemap="#m_path850"  /> 
<map name="m_path850" id="m_path850" > 
	<area shape="circle" coords="384,25, 16" href="#itemVistoria" title="vidro_lateral_traseiro_direito" id= "vidro_lateral_traseiro_direito" onclick="callItemVistoria('vidro_lateral_traseiro_direito', 'vidro_lateral_traseiro_direito')" target="_self"/> 
 [...] code continues with several lines of coordinates

</map>

1 个答案:

答案 0 :(得分:0)

在忘记这段代码并开始使用之后,几个月后我注意到这个TAG没有支持mark data-rel =“popup”,所以我没有使用和链接来引用弹出窗口,来自jquery的弹出 open 方法:

$( '#idPopUp')。弹出( '开放')

所以它变成了这样的东西:

] [

现在它运作得很好