Question

以下是codepen：http://codepen.io/jjmartucci/pen/DlCmy

我正在使用Brackets。我将CSS复制并粘贴到我的style.css中，将JS粘贴到我的init.js中，将HTML部分粘贴到我的index.html体中... 我还修改了HTML文档的头部说：

    <head>
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="js/init.js"></script>


    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-scenario.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-sanitize.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-sanitize.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-resource.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-resource.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-mocks.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-bootstrap-prettify.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-bootstrap-prettify.js"></script>

</head>

我仍然在努力让它继续下去。 CSS似乎有效，但功能搞砸了。我有什么明显的缺失吗？

Answer 1

您正在加载太多相同脚本的实例。您的init.js需要在您的第三方图书馆之后。

试试这个：

<head>
    <!-- style -->
    <link type="text/css" rel="stylesheet" href="css/style.css" />

    <!-- libs -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-scenario.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-sanitize.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-resource.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-mocks.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-bootstrap-prettify.min.js"></script>

    <!-- app -->
    <script src="js/init.js"></script>
</head>

试图让AngularJS / SCSS codepen在本地运行......？

1 个答案: