我有Google chrome版本72.0.3626.81,其中我无法正常使用,但是当我使用版本71时,它可以正常工作。
如何进行以下工作?
<img src="abcd/720p.jpg" usemap="map_sync" id="spmain">
<map name="map_sync" class="maps" id="map_sync">
<area shape="rect" coords="225, 214, 1053, 298" nohref="" onclick="eid();">
<area shape="rect" coords="224, 319, 1052, 403" nohref="" onclick="no_eid();">
</map>
没有任何javascript方法在72版本稳定版上执行,但在71版本上可以正常运行。我重新测试了路线,地图路线也正确。
是BUG还是代码问题?
答案 0 :(得分:1)
在地图名称上添加#可以帮我解决问题。
这就是Jsf(Primefaces)的外观
<p:commandLink rendered="#{user.calendar}"
oncomplete="PF('planningBoxDialog').show();" >
<p:graphicImage
value="#{appointment.planning.streamedContent}"
id="streamedContent"
cache="FALSE" usemap="#indicatorMap">
</p:graphicImage>
</p:commandLink>
<map name="#indicatorMap">
<area coords="0,0,10,10"
title="#{appointment.planning.planningBoxTooltipTopLeft}"
onclick="rc_planning();"/>
<area coords="10,0,20,10"
title="#{appointment.planning.planningBoxTooltipTopRight}"
onclick="rc_planning();"/>
<area coords="0,10,10,20"
title="#{appointment.planning.planningBoxTooltipBottomLeft}"
onclick="rc_planning();"/>
<area coords="10,10,20,20"
title="#{appointment.planning.planningBoxTooltipBottomRight}"
onclick="rc_planning();"/>
答案 1 :(得分:0)
在Google chrome 72中
FAIL 72 - $('#spmain').attr('usemap', 'map_sync');
WORKS 72 - $('#spmain').attr('usemap', '#map_sync');