參考錯誤：未定義d3。腳本不被引用

我最近採取了我在網頁開發的第一步。我通常可以通過查看堆棧溢出來解決所有問題，但是使用這種方法，似乎並不奏效。參考錯誤：未定義d3。腳本不被引用

我使用Firefox 32和Firebug作爲調試器。我使用以下HTML代碼在本地運行網頁

<!DOCTYPE html> 
<html> 

<head> 
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>TestSuite Results_v01</title> 

    <link rel="stylesheet" href="Frameworks\bootstrap-3.2.0-dist\css\bootstrap.min.css"> 
    <link rel="stylesheet" type="text/css" href="Stylesheets\TestResultsStyle.css" /> 

    <script type="text/javascript" src="JS\OLD\xmltojson.js"></script> 
    <script type="text/javascript" src="Frameworks\jQuery\jquery-1.11.1.min.js"></script> 

</head> 
<body> 
<div>.....</div> 

    <ul id="myTab" class="nav nav-tabs" role="tablist"> 
     <li><a href="#test_case_list" role="tab" data-toggle="tab">List</a></li> 
     <li class="active"><a href="#test_case_chart" role="tab" data-toggle="tab">Chart</a></li> 
</ul> 
    <div>.....</div> 
    <div class="tab-content"> 
     <div class="tab-pane active" id="test_case_list">..... 
     </div> 

     <div class="tab-pane active" id="test_case_chart">..... 
     </div> 
    </div> 

    <script type="text/javascript" src="Frameworks\bootstrap-3.2.0-dist\js\bootstrap.min.js"</script> 
    <script type="text/javascript" src="Frameworks\D3\d3.min.js"></script> 
    <script type="text/javascript" src="JS\TestResults.js"></script> 
</body> 
</html>

正如您所看到的，我已加載了幾個腳本。 xmltojson用於將xml轉換爲json，nad對其他框架沒有依賴關係，這就是爲什麼我把它放在頂端。然後jquery，bootstrap，d3和我自己的腳本。

我已經解析了xml文件（使用html中的第一個腳本），並使用jquery將不同的元素加載到頁面中。界面由引導程序設計，選項卡功能也可以工作。到目前爲止的設置。

現在，當我嘗試在我的正確腳本中加載在D3中創建的圖表時，Firebug總是會拋出錯誤ReferenceError：d3未定義。我試過在html中切換腳本的順序，但是，引導腳本將不起作用，我的腳本不起作用，等等。我不太確定問題是什麼。腳本的順序似乎根據依賴關係...

當我看着在使用Firebug的HTML，它甚至不顯示我參考D3的腳本標記。它只是從字面上似乎忽略它..

我希望有人可以幫助這個。

謝謝！

來源

2014-09-25 PeterUtzmann

通常，d3.js加載爲''或''。我不確定您的計算機目前是如何設置的，但我認爲加載d3（接近代碼結尾）的行不起作用，除非在目錄Frameworks \ D3中有文件d3.min.js \相對於你的當前目錄。也許你已經想到了這一點，但還不清楚。 – Mars 2014-09-25 15:38:42

你缺少一個標籤的結束在你的引導JS在你的HTML：

<script type="text/javascript" src="Frameworks\bootstrap-3.2.0-dist\js\bootstrap.min.js"</script> 
                         ^
should be:                    | 

<script type="text/javascript" src="Frameworks\bootstrap-3.2.0-dist\js\bootstrap.min.js"></script>

來源

2014-09-26 11:04:59 mccannf

哦，男人......是的，就是這樣 - 謝謝你的幫助，你敏銳的眼睛:) – PeterUtzmann 2014-10-01 10:05:29

參考錯誤：未定義d3。腳本不被引用

回答

相關問題