0

我为朋友的作品集创建了一个网站，有一个用于控制导航的 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

谢谢

乔恩

4

3 回答 3

2

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

于 2011-05-17T16:19:53.217 回答
1

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

于 2015-01-25T10:14:17.697 回答
0

Prototype 和 JQuery 都定义了$. 要么摆脱其中一个库，要么按照 jonty john 的建议在 Prototype 之前包含 jquery，或者在无冲突模式下使用 jquery。

于 2011-05-17T16:23:10.207 回答