我的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的燈箱並擺脫兼容性問題。