0

localscroll と lightbox を使用するサイトをコーディングしていますが、lightbox を追加すると localscroll が機能しなくなり、その逆も同様です。

回答の 1 つ (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>

現在、ライトボックスは機能していますが、ローカルスクロールは機能していません。

助けていただければ幸いです。ここでサイトを見ることができます: http://www.cayennecreative.ca/s/sg/

前もって感謝します ：）

4

1 に答える 1

0

一般に、jQuery ライブラリと Prototype ライブラリの両方を同時に使用することはお勧めできません。また、通常は必要ありません。あなたの場合、プロトタイプベースのライトボックスの代わりに jQuery ベースのライトボックス ( jQuery ライトボックス プラグインなど) を使用し、互換性の問題を取り除く必要があります。

于 2012-01-21T10:33:57.747 に答える