0

我正在编写一个使用 localscroll 和灯箱的网站,但是当我添加灯箱时,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/

先感谢您 :)

4

1 回答 1

0

同时使用 jQuery 和 Prototype 库通常不是一个好主意,而且通常没有必要。在您的情况下,您可能应该使用基于 jQuery 的灯箱(例如jQuery 灯箱插件)而不是基于原型的灯箱,并摆脱兼容性问题。

于 2012-01-21T10:33:57.747 回答