为什么我的javascript链接没有工作?

时间:2014-03-13 11:14:33

标签: javascript html

我的项目中有这些javascript文件:

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Latest compiled and minified Bootstrap JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<!--Game Script-->
<script type="text/javascript" src="script.js"></script>

当我加载页面时,底部的工作不起作用。为什么会这样?

html文件和script.js文件位于同一文件夹中。

如果您愿意,请查看整个项目:https://github.com/samjb2/IncrementalRPG。有问题的文件是game.html。

3 个答案:

答案 0 :(得分:1)

我要在黑暗中拍摄,因为一切看起来都正确。这是一种猜测之一,你从眼角看东西,发现一些不太正确的东西。或者也许我一直在玩太多的凤凰赖特。

我提交您在本地运行game.html文件 - 也就是说,浏览器地址栏中的网址如下所示:

  

文件:/// C:/Users/Niet/Documents/game.html

在这种情况下,您的问题源于此:

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

//解析相对于当前方案的地址。换句话说,它正在寻找:

  

文件:///netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js

不用说,我很确定该文件不存在!

请尝试使用此代码:

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

通过明确说明方案,可以避免相对路径的问题。

或者,尝试从服务器运行游戏,例如,如果您在计算机上设置一个游戏,则可以尝试:

http://localhost/game.html

同样,如果这样做,我是对的!

答案 1 :(得分:0)

使用Fiddler,当页面加载时,请观察结果。 我猜测你会在&#34; script.js&#34;上看到404找不到的错误。请求。

这可能是您的问题,也许您应该尝试/script.js,但如果不知道文件的位置就很难分辨。

答案 2 :(得分:0)

中添加jquery事件点击处理程序
$(document).ready(function(){
// handlers go here
});

在您开始将处理程序附加到页面上的元素之前,您似乎需要等待页面加载。我将它们移到$(document).ready()中,然后我就可以点击“Chop Wood”并看到它增加一个值。