Question

我为朋友组合创建了一个网站，有一个javascript用于控制导航，一些jQuery用于工作部分，它在两个div之间交换以显示单独的类别，然后Lightbox v2查看器应该显示他所做的工作。

但是，之前我使用过lightbox但是我似乎无法在这个网站上运行它，它可能是其他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）的scriptaculous代码

Answer 2

我在javascript中创建了一个响应式灯箱，它不需要jQuery。如果你因为灯箱插件而使用jQuery，这可能会有所帮助：http://jslightbox.felixhagspiel.de/

Answer 3

Prototype和JQuery都定义$。要么摆脱其中一个库，要么在原型之前将jquery包含在jonty john建议或use jquery in no-conflict mode中。

Lightbox v2与其他JS冲突

3 个答案: