試圖突出顯示圖像地圖區域，而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之間的函數調用