Question

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

我不知道可能导致这个问题的原因..

我尝试将我的代码复制到内置的Codecadamy中，但它仍无法正常工作

这是我简单的javascript代码（只是为了测试它是否在我的机器上工作）：

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

这是我的网站，我将其托管在我的DropBox帐户的公共文件夹中; 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 加载它之前！

Answer 2

您使用的是本地正在运行的服务器，还是在网址中使用file：//'protocol'？如果你没有运行服务器，那就是问题所在。由于安全性限制，除非明确启用浏览器，否则浏览器不会运行本地JS文件。

有关如何执行此操作的详细信息，请参阅此处：How to launch html using Chrome at "--allow-file-access-from-files" mode?

Answer 3

你有没有引用过jQuery库？你可以这样做

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

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

3 个答案: