2014-09-06 18 views
1

我無法用看似簡單的插件功能:https://github.com/kemayo/maphilight不確定是不是在maphilight.js

我試過無數的東西,不斷收到:Uncaught TypeError: undefined is not a function從我的一個在main.js代碼行。

我正在使用jquery和maphilight的最新穩定版本。

main.html中:

<body> 
    <img class="img_map" usemap="#regional_map"> 
    <map name="regional_map"> 
     <area ...... /> 
     <area ...... /> 
    </map> 

    <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script> 
    <script src="js/jquery.maphilight.js" type="text/html"></script> 
    <script src="js/main.js" type="text/javascript"></script> 
</body> 

main.js:

$(".img_map").maphilight(); 
+0

幫助了我,以及[和也是這個(https://stackoverflow.com/questions/25511903/uncaught-typeerror-undefined-is-not-a-function-jquery-maphilight-js ) – Srso 2017-06-24 06:40:31

回答

0

一)我強烈建議,包括在你的腳本標籤:

<head></head> 

B)試試這個在你的main.js中:

$(function() { 
    $('.img_map').maphilight(); 
}); 

C),這在您的HTML:

<img class="img_map"></img> 
+1

實際上是從身體標記末尾加載腳本的好實踐,所以其他資源加載得更快 – charlietfl 2014-09-06 13:06:22

+0

我明白了,但特別是當您剛剛設置某些內容時,以安全方式執行所有操作是一種很好的做法。 一旦你設置了一個演示,那麼你可以一步一步地改變它。它有助於避免因我們錯過小細節而發生的小錯誤。 – shalikas 2014-09-06 13:15:18

1

您包括您maphilight JavaScript文件與text/html。試試這個:

<script src="js/jquery.maphilight.js" type="text/javascript"></script>