0

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コードを変更しませんでした。どんなアイデアでもどうぞよろしくお願いします

4

2 に答える 2

1

1 つずつ実行されるため、他の 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>
于 2012-05-30T08:23:22.327 に答える
1

jQuery$はプロトタイプが使用する関数をハイジャックします。メソッドを見て、$.noConflict()他のフレームワークで jQuery を使用できるようにします。

于 2012-05-30T08:24:29.263 に答える