我的项目中有这些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。
答案 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”并看到它增加一个值。