在脚本标记中添加jquery-.XXmin.js后代码停止工作

时间:2012-05-30 08:21:48

标签: jquery html5 prototype

我下载了一个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代码。 任何想法请 提前谢谢

2 个答案:

答案 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>