css jquery + lightbox只能工作其中一个

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。 这就是我遇到问题的原因..如何使用它们的bouth？ 如果您有任何想法可以帮助我。

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