css jquery + лайтбокс работать только один из них

Question

Я использую lightboxon выбранных изображений и jquery на выбранных кнопках.

Но работает только один из jscripts.

Код:

<script src="js/prototype.js" type="text/javascript"></script> 
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> 
<script src="js/lightbox.js" type="text/javascript"></script> 
<link rel="stylesheet" href="styles/lightbox.css" type="text/css" media="screen" /> 
<script type="text/javascript" src="jquery-1.7.1.js"></script> 

<a href="blg.jpg" rel="lightbox" title="News Blog" target="_blank";/> 
<img src="http://my.jetscreenshot.com/10682/20120401-qcva-4kb.jpg" style="width:50px; height:50px;"/></a> 

Сейчас работают только JQuery. Только кнопки. Но когда я удалить эту строку:

<script type="text/javascript" src="jquery-1.7.1.js"></script> 

затем будет работать LiteBox. Вот почему у меня возникла проблема. Как использовать их? Если у вас есть идеи, помогите мне PLS.

Answer 1

Порядок включения JS-файлов имеет значения, включает JQuery первого

<script type="text/javascript" src="jquery-1.7.1.js"></script> 
    <script src="js/prototype.js" type="text/javascript"></script> 
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> 
<script src="js/lightbox.js" type="text/javascript"></script> 

также проверить, что плагин совместит с последней версией JQuery (1.7), попробуйте использовать некоторые старые версии, как 1.5