JavaScript 无法在我机器上的任何浏览器上运行

Question

这个问题让我抓狂! 我对网页设计比较陌生。我开始在 codecademy.com 上学习编码。一切都很完美! html、css 和 JavaScript 运行顺利。但是，当我开始在我的机器上使用 Sublime Text 或 DreamWeaver 编码时，情况并非如此。每当我尝试运行我的网站时，我链接的脚本都不起作用。我将 Codecadamy 教程(html、css、JavaScript)中的代码复制粘贴到 DreamWeaver(index.html、stylesheet.css 和 script.css)中的一个全新文件中，我这样做是为了确保我的代码没有错误.当我在内置的 Codecadamy 浏览器中运行代码时，它运行完美。但是每当我用 DreamWeaver 或 sublime text 保存文件时，该网站似乎“忽略”外部 .js 文件。我在 4 种不同的浏览器(Chrome、IE、Firefox、Opera)上测试了该网站，但没有成功!

我不知道是什么导致了这个问题..

我试图将我的代码复制到内置的 Codecadamy 中，但它仍然不起作用

这是我的简单 javascript 代码(只是为了测试它是否在我的机器上工作):

$(document).ready(function() {
    $('#openDialog').click(function() {
        $('.container').css('display', 'none');
    });
});

这是我的网站，我将其托管在我的 DropBox 帐户的公共(public)文件夹中； https://dl.dropboxusercontent.com/u/33331786/xbox/index.html

Answer 1

查看浏览器的 JavaScript 控制台:

Uncaught ReferenceError: $ is not defined                           global.js:2

这是您的源代码:

<script type='text/javascript' src='global.js'></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">

您正尝试在 加载 jQuery 之前使用它!