Мои localscroll и lightbox находятся в конфликте

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> 

Сейчас Lightbox работает, но localscroll нет.

Я бы очень признателен за любую помощь. Вы можете посмотреть на сайте здесь: http://www.cayennecreative.ca/s/sg/

Спасибо заранее :)

Answer 1

Это, как правило, не является хорошей идеей, чтобы использовать обе библиотеки JQuery и Prototype, в то же время, и это, как правило, не требуется. В вашем случае вы, вероятно, должны использовать лайтбокс на основе jQuery (например, jQuery lightbox plugin) вместо своего прототипа и избавиться от проблем совместимости.