Question

我正在尝试构建增量游戏，但我的javascript代码的NONe正在运行，无论我是在本地访问它还是将其上传到webhost。

HTML如下：

<script src="game.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="container">
 <h1>Incremental!</h1>

<button id="click" type="button" class="btn btn-primary btn-lg btn-block">CLICK ME</button>
<hr>
<p>Clicks: <span id="total_clicks">0</span>
</p>
<p>Auto Clicks Per Second: <span id="autoClickers">0</span>
</p>
<hr>
<button id="autoClickerBuy" class="btn btn-info btn-block">BUY AN AUTOCLICKER</button>
<!--ADDED--><button id="upgradeTwoClicks" class="btn btn-danger btn-block">TWO CLICKS PER CLICK</button>
<!--ADDED--><button id="upgradeTwoAutoClicks" class="btn btn-danger btn-block">TWO CLICKS PER AUTOCLICKER</button></div>

Javascript文件（game.js）如下：

var totalClicks = 0;

$('#click').click(function(){
totalClicks++;
document.getElementById("total_clicks").innerHTML = totalClicks;
});

我无法弄清楚它为什么不起作用......它实际上是教程中的副本和粘贴。

Answer 1

HTML中首字母的脚本按顺序执行，按顺序执行。

找不到来自jQuery的$函数，因为游戏代码（game.js）在加载 jQuery库之前运行。更改顺序，以便：

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

脚本也可以加载“异步”，但这里不相关。

Answer 2

打开浏览器的开发工具（例如firefox中的firebug）并观察控制台错误...... 但是阅读你的代码......你有包含jquery库吗？

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

Answer 3

我已经使用你的代码创建了一个jsfiddle，它的工作正常，我可以看到jsfiddle的链接。

我认为你的html页面中没有包含jQuery文件。

代码： -

var totalClicks = 0;

$('#click').click(function(){
totalClicks++;
document.getElementById("total_clicks").innerHTML = totalClicks;
});

链路 http://jsfiddle.net/XUjAH/1092/

感谢

Answer 4

试试这个链接：http://jsfiddle.net/VDV6L/你错过了这个 <script src="http://code.jquery.com/jquery-latest.min.js"></script>

Javascript代码在执行时不执行任何操作

4 个答案: