灯箱 v2 与其他 JS 冲突

Lightbox v2 conflict with other JS

本文关键字：JS 冲突 其他 v2 灯箱      更新时间：2023-09-26

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

谢谢

乔恩

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

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

Prototype 和 JQuery 都定义了$。要么摆脱其中一个库，要么像 jonty John 建议的那样在原型之前包含 jquery，或者在无冲突模式下使用 jquery。

相关文章：