灯箱v2与其他JS冲突

Question

我已经创建了一个用于朋友档案的网站，有一个用于控制导航的JavaScript，在工作部分使用了一些jQuery，在2个div之间交换以显示单独的类别，然后是Lightbox v2查看器，该浏览器应显示他拥有的工作完成。

但是，我以前使用过灯箱，但似乎无法在此网站上使用它，这是否可能是其他JavaScript和页面加载时jQuery加载之间的冲突？

如果有人可以浏览该网站，并让我知道他们的想法，我将非常感激。

我的脑袋里有灯箱（和其他脚本）

 <link href="style.css" rel="stylesheet" type="text/css" />
 <script  type="text/javascript" src="../js/prototype.js"></script>
 <script  type="text/javascript" src="../js/scriptaculous.js?load=effects,builder"></script>
 <script  type="text/javascript" src="../js/lightbox.js"></script>
 <link rel="stylesheet" href="../css/lightbox.css"  type="text/css" media="screen" />
 <script type="text/javascript" src="floating-1.5.js"></script>
 <script type="text/javascript">  
 floatingMenu.add('floatdiv',  
    {   targetTop: 0,  
        // targetBottom: 0,    
        prohibitXMovement: true,});  
 </script> 
 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
 <script type="text/javascript">
 function showonlyone(thechosenone) {
 $('div[name|="newboxes"]').each(function(index) {
      if ($(this).attr("id") == thechosenone) {
           $(this).show(200);
      }
      else {
           $(this).hide(600);
      }
 });
 }
 </script>

而我的灯箱车身：

 <div class="work_splash"><a href="images/gallery/graphics/1b.jpg" rel="lightbox[graphics]" title="Graphic Design Gallery"><img src="images/gallery/graphics/1t.jpg" height=156px /></a></div>

网址是http://www.jrk-design.co.uk/barwise/index.html

谢谢

乔恩

Answer 1

尝试更改开头的.js调用顺序，或更改jQuery脚本（如Pirobox）的脚本代码

Answer 2

我只在JavaScript中创建了不需要jQuery的自适应灯箱。 如果仅由于lightbox插件而使用jQuery，这可能会有所帮助： http : //jslightbox.felixhagspiel.de/

Answer 3

Prototype和JQuery都定义$ 。 按照jonty john的建议，要么放弃其中一个库，要么在Prototype之前添加jquery，或者在无冲突模式下使用jquery 。