我下载了一个Html5开源内存游戏代码我试图添加一些功能,但按钮动作和removeClass(),addClass()...方法没有工作,所以我记得添加脚本标签中的jquery.js但在此之后游戏再次无效。 我认为这是prototype.s2.min.js的一个问题。 这是代码:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>scripty2 Memory!</title>
<link href="memory.css" media="screen" rel="Stylesheet" type="text/css" />
</head>
<body>
<div id="field">
<div class="card"><img src="back.png"/></div>
<div class="card"><img src="back.png"/></div>
<div class="card"><img src="back.png"/></div>
<div class="card"><img src="back.png"/></div>
<div class="card"><img src="back.png"/></div>
<div class="card"><img src="back.png"/></div>
<div class="card"><img src="back.png"/></div>
<div class="card"><img src="back.png"/></div>
<div class="card"><img src="back.png"/></div>
<div class="card"><img src="back.png"/></div>
<div class="card"><img src="back.png"/></div>
<div class="card"><img src="back.png"/></div>
<div class="card"><img src="back.png"/></div>
<div class="card"><img src="back.png"/></div>
<div class="card"><img src="back.png"/></div>
<div class="card"><img src="back.png"/></div>
<div id="score">0</div>
<div id="tries">0</div>
</div>
<!--<div id="controls">
<a href="#" onclick="shuffle()">shuffle cards</a><br/>
<a href="#" onclick="shuffle(3)">shuffle cards (slowly)</a>
</div>-->
<script type="text/javascript" src="prototype.s2.min.js"></script>
<script type="text/javascript" src="memory.js"></script>
<script src="js/jquery-1.6.min.js"></script> // i added this
</body>
</html>
我没有改变js和css代码。 任何想法请 提前谢谢
答案 0 :(得分:1)
jQuery劫持了原型使用的$
函数。看一下$.noConflict()
方法允许您将jQuery与其他框架一起使用。
答案 1 :(得分:0)
在其他JS文件之前添加它,因为它们逐个运行。在将其用于其他js文件之前,需要初始化jquery。
<script src="js/jquery-1.6.min.js"></script>
<script type="text/javascript" src="prototype.s2.min.js"></script>
<script type="text/javascript" src="memory.js"></script>