2014-10-13 86 views
1

我一直試圖讓這個插件工作幾個小時,似乎無法做到這一點。我對jQuery相當陌生,所以如果我說一些愚蠢的話我會道歉:)我試着按照網站上提供的教程,但沒有運氣。反正到目前爲止我的代碼是:jvectormap uncaught typeerror

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title> vectormap </title> 
    <link rel="stylesheet" media="all" href="css/jquery-jvectormap-1.2.2.css"> 
    <script src="js/jquery-1.8.2.js"></script> 
    <script src="js/jquery-jvectormap-1.2.2.min.js"></script> 
    <script src="js/jquery-mousewheel.js"></script> 
    <script src="js/jvectormap.js"></script> 
    <script src="js/map.js"></script> 
    <script src="js/jquery-jvectormap-au-mill-en.js"></script> 
</head> 
<body> 
    <div id="map" style="width: 100%; height: 400px"></div> 
    <script> 
    $(function(){ 
     $('#map').vectorMap({map: 'au_mill_en'}); 
    }); 
    </script> 
</body> 
</html> 

的錯誤即時得到的: 1.遺漏的類型錯誤:無法讀取屬性未定義 2.遺漏的類型錯誤的「地圖」:未定義的是不是一個函數

欣賞任何幫助,因爲這是我的頭!

歡呼

PS抱歉,沒有縮進正確

回答

0

你必須包括所有的插件庫之前,包括jQuery庫。所以下面放線作爲第一個庫包括 -

<script src="js/jquery-1.8.2.js"></script> 

像下面

<head> 
<meta charset="utf-8"> 
<title> vectormap </title> 
<!--<link rel="stylesheet" media="all" href="css/jquery-jvectormap.css" /> --> 
<link rel="stylesheet" media="all" href="css/jquery-jvectormap-1.2.2.css" /> 
<!-- must be the first library to include as this is prerequisite for other plugins . lib--> 
<script src="js/jquery-1.8.2.js"></script> 
<script src="js/jquery-jvectormap-au-mill-en.js"></script> 
<script src="js/jquery-mousewheel.js"></script> 
<script src="js/jquery-jvectormap-1.2.2.min.js"></script> 
<script src="js/jquery-jvectormap.js"></script> 
<script src="js/jvectormap.js"></script> 
<script src="js/map.js"></script> --> 
</head> 
+0

您的解決方案已經解決了最初的問題,我已經更新了我的代碼,但現在我得到兩個不同的錯誤 1.Uncaught類型錯誤:無法讀取未定義的屬性「地圖」 2.Uncaught TypeError:undefined不是函數 我唯一的猜測是我缺少第一個問題的.js文件 – baldchampion

+0

,您需要查看您正在使用的插件的API文檔,對於第二個錯誤來說,當你使用'id'或者找到某個元素時'類'或任何其他jquery選擇器,但它沒有得到。 –

相關問題