2012-05-30 3 views
0

Я загрузил код игры с открытым исходным кодом с открытым исходным кодом Html5, я пытаюсь добавить его в некоторые фонции, но действие кнопок и removeClass(), addClass() ... методы не работают, поэтому я не могу добавить jquery.js в тег скрипта, но после этого игра снова не работала. Я думаю, что это проблема с prototype.s2.min.js. вот код:Код перестает работать после добавления jquery-.XXmin.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

Прототип не очень хорошо работает с jQuery. – bdares

+1

http://stackoverflow.com/questions/134572/jquery-prototype-conflict/136502#136502 –

ответ

0

добавьте его перед другими файлами JS, так как они запускаются один за другим. Вам нужно запустить jquery, прежде чем использовать его в других js-файлах.

<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> 
1

JQuery перехватывает функцию $, которая использует прототип. Взгляните на метод $.noConflict(), который позволяет использовать jQuery с другими фреймворками.

+0

Я добавил его так, но это не сработало: \t <тип скрипта =" текст/JavaScript»SRC = "prototype.s2.min.js"> <тип скрипта = "текст/JavaScript" SRC = "memory16.js"> \t

Смежные вопросы