Question

我最近迈出了网络开发的第一步。我通常可以通过查看堆栈溢出来解决所有问题但是使用这个问题，它似乎无法正常工作。

我使用的是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中切换脚本的顺序，但是，引导脚本将不起作用，我的脚本将无法工作，等等..我不太确定问题是什么..脚本的顺序似乎根据依赖性确定....

当我查看HTML iusing Firebug时，它甚至没有显示引用D3的脚本标记。它实际上似乎忽略了它。

我希望有人可以帮助解决这个问题。

谢谢!!

Answer 1

您在HTML中的引导程序JS中缺少标记的结尾：

<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>

参考错误：未定义d3。脚本未被引用

1 个答案: