Question

我正在编写一个使用localscroll和lightbox的网站，但是当我添加灯箱时，localscroll停止工作，反之亦然。

我阅读了其中一个答案（http://stackoverflow.com/questions/5149448/adding-multiple-js-files-in-the-header）并尝试了建议但仍然无效。标题中的代码是：

<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="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>


<script type="text/javascript">jQuery.noConflict();</script>
  
<script type="text/javascript" src="http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="http://flesler-plugins.googlecode.com/files/jquery.localscroll-1.2.7-min.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script>



<script type="text/javascript"> 
     // When the document is loaded...
      $(document).ready(function()
    {   // Scroll the whole document
         $('#nav').localScroll({
           target:'body'
        });
    });
</script>


</head>

现在灯箱工作正常，但localscroll不是。

我真的很感激任何帮助。您可以在此处查看该网站：http://www.cayennecreative.ca/s/sg/

提前谢谢你：）

Answer 1

同时使用jQuery和Prototype库通常不是一个好主意，而且通常没有必要。在您的情况下，您应该使用基于jQuery的灯箱（例如jQuery lightbox plugin）而不是基于Prototype的灯箱，并解决您的兼容性问题。

我的localscroll和lightbox存在冲突

1 个答案: