引用错误:未定义d3.脚本未被引用



我最近迈出了web开发的第一步。我通常可以通过查看堆栈中的溢出来解决所有问题,但对于这个问题,它似乎真的不起作用。

我使用的是Firefox32,另外还有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="Frameworksbootstrap-3.2.0-distcssbootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="StylesheetsTestResultsStyle.css" />
    <script type="text/javascript" src="JSOLDxmltojson.js"></script>
    <script type="text/javascript" src="FrameworksjQueryjquery-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="Frameworksbootstrap-3.2.0-distjsbootstrap.min.js"</script>
    <script type="text/javascript" src="FrameworksD3d3.min.js"></script>
    <script type="text/javascript" src="JSTestResults.js"></script>
</body>
</html>

正如你所看到的,我已经加载了几个脚本。xmltojson对于xml到json的转换,nad与其他框架没有相关性,这就是我将其放在首位的原因。然后是jquery、bootstrap、d3和我自己的脚本。

我的脚本解析xml文件(使用html中的第一个脚本),并使用jquery将不同的元素加载到页面中。界面由引导程序设计,选项卡功能也能正常工作。到目前为止的设置。

现在,当我试图用正确的脚本加载在D3中创建的图表时,Firebug总是向我抛出错误ReferenceError:D3没有定义。我试着切换html中脚本的顺序,但后来,引导程序脚本不起作用,我的脚本也不起作用等等。我不太确定问题是什么。。根据依赖关系,脚本的顺序似乎可以。。。。

当我看到at HTML iusing Firebug时,它甚至没有显示引用D3的脚本标记。它似乎忽略了它。

我希望有人能帮上忙。

谢谢!!

您在HTML:中的引导程序JS中缺少标记的末尾

<script type="text/javascript" src="Frameworksbootstrap-3.2.0-distjsbootstrap.min.js"</script>
                                                                                        ^
should be:                                                                              |
<script type="text/javascript" src="Frameworksbootstrap-3.2.0-distjsbootstrap.min.js"></script>

最新更新