我的localscroll和lightbox有冲突

Question

我使用localscroll和lightbox编码一个网站，但是当我添加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和原型库一个好主意，它通常是没有必要的。在你的情况下，你应该使用基于jQuery的灯箱（例如jQuery lightbox plugin）而不是基于Prototype的灯箱并摆脱兼容性问题。