-2

所以这是我的 html 代码（重要的部分在三引号中）：

<!DOCTYPE html>
<html>
    <head>
        <title>To Do</title>
        <link rel="stylesheet" type="text/css" href="ToDoApp.css"/>
        """<script type="text/javascript" src="ToDoApp.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>"""

    </head>
    <body>
        <h2>To Do</h2>
        <form name="checkListForm">
            <input type="text" name="checkListItem"/>
        </form>
        <div id="button">Add!</div>
        <br/>
        <div class="list">
            <ol></ol>
        </div>
        <div class = "counter">
            <h4>Things to do:</h4>
        </div>
        <div class = "comment"></div>
    </body>
</html>

并且我的 .css 连接工作正常，但我的 .js/jquery 连接无法正常工作。我尝试查找正确的 html 语法以包含链接，并尝试在 jquery 库的几个不同链接之间交替。我在这里遗漏了什么，是我把链接放错了地方，还是语法很时髦？提前感谢您的帮助。

4

2 回答 2

4

如果您的 ToDoApp.js 依赖于 jQuery，那么您将需要更改代码的顺序。

<link rel="stylesheet" type="text/css" href="ToDoApp.css"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script src="ToDoApp.js"></script>

否则，您提供的代码显示不依赖 jQuery。

于 2013-09-15T03:38:37.520 回答
1

我发现调试不包含 JS 或 CSS 文件问题的最佳方法是使用浏览器调试工具监视网络流量。在IE中，按 F12，然后单击“网络”选项卡。单击“开始捕获”并重新导航到该页面。

如果返回 404，则路径可能是错误的。从这里，您可以查看应用程序实际尝试请求其文件的路径。

其他错误需要不同的调查。如果您甚至没有在请求列表中看到该文件，请检查“控制台”选项卡以查看浏览器是否记录了任何可能与该情况有关的消息。根据 Jeff 的回答，如果问题是您的 ToDoApp.js 中的某些内容依赖于 jQuery，那么您将在控制台中看到指向该问题的消息，例如$ is undefined.

于 2013-09-15T03:41:43.687 回答