试图突出显示图像地图区域，而beeing响应

Question

我设法解决它，但我必须选择响应或突出显示悬停区域地图。 Thiw是代码，如果我设置类=“地图”然后我得到悬停效果，并松动响应！有任何想法吗？

<p> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script> 
 
<script src="templates/it_zen/assets/js/jquery.maphilight.js" type="text/javascript"></script> 
 
<script type="text/javascript">// <![CDATA[ 
 
$(function() { 
 
     $('.map').maphilight(); 
 
}); 
 
// ]]></script> 
 
<script src="templates/it_zen/assets/js/imageMapResizer.min.js" type="text/javascript"></script> 
 
</p> 
 
<hr /> 
 
<h3 style="text-align: center;">All the EY+ routes</h3> 
 
<hr /> 
 
<h5 style="text-align: center;"> Start exploring by clicking on each frame</h5> 
 
<div> 
 
<div> 
 
<p><img class="" /*if set class="map" i loose responsive */ src="images/Maps/xartis_genikos.png" alt="" usemap="#map" width="2995" height="2264" border="0" /> <map name="map"> <!-- #$-:Image map file created by GIMP Image Map plug-in --> <!-- #$-:GIMP Image Map plug-in by Maurits Rijk --> <!-- #$-:Please do not edit lines starting with "#$" --> <!-- #$VERSION:2.3 --> <!-- #$AUTHOR:user --> 
 
<area coords="184,107,1241,1260" shape="rect" href="ey-routes/epirus-paxus" /> 
 
    
 
<area coords="911,1171,1540,1811" shape="rect" href="ey-routes/east-ionian" /> 
 
    
 
<area coords="525,941,1581,2097" shape="rect" href="ey-routes/kefalonia-ithaca" /> 
 
    
 
<area coords="2039,1453,2919,2107" shape="rect" href="ey-routes/korinthian-gulf" /> 
 
</map> 
 
<script>// <![CDATA[ 
 
imageMapResize(); 
 
// ]]></script> 
 
</p> 
 
</div> 
 
</div>

Answer 1

在Joomla模板中插入一个Java Script文件正确的方法是：

$doc->addScript($tpath.'https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'); // if necessary 
$doc->addScript($tpath.'/js/jquery.maphilight.js'); 

从我读过的东西，这段代码，照亮地图，但不不能使其响应。

尝试更改$符号和jQuery之间的函数调用