同じ場所にある複数のjQuery

Question

同じページで複数のjQueryを使用しています。

1. メニュー
2. 画像スライダー
3. 画像カルーセル
4. fancybox

個別に使用されたとき、彼らは完璧に動作します。しかし、同じページで組み合わせると、IE以外のSafari、FireFox、Chrome、Operaなどで動作します。

noconflict（）スクリプトを試しましたが、動作しませんでした。 （私はそれが間違っているかもしれないと思う）任意のアイデアが評価されます。

ありがとうございます！ここ

コードです：

<!--JS STARTS--> 

    <!--MAIN NAV .JS--> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"> </script> 
    <script type="text/javascript" src="js/ddsmoothmenu.js"> </script> 
    <script type="text/javascript" src="js/menu-settings.js"> </script> 
    <!--MAIN NAV .JS ENDS--> 

    <!--QUICK RESERVATION CALENDAR TOGGLE--> 
    <script type="text/javascript" src="js/toggle.js"></script> 
    <!--QUICK RESERVATION CALENDAR TOGGLE .JS ENDS--> 

    <!--FANCYBOX--> 
    <script type="text/javascript" 
    <script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script> 
    <!--FANCYBOX .JS ENDS--> 

    <!--FOOTER SLIDESHOW--> 
    <script type="text/javascript" src="js/jquery.tinycarousel.min.js"></script> 
    <!--FOOTER SLIDESHOW .JS ENDS--> 

    <!--PROMO PICTURE SLIDESHOW--> 
    <script type="text/javascript" src="js/jquery2.js"></script> 
    <script type="text/javascript" src="js/jquery.cycle.all.js"></script> 
    <!--PROMO PICTURE SLIDESHOW .JS ENDS--> 

    <!--DOCUMENT READY--> 
    <script type="text/javascript"> 
    $(document).ready(function(){ 
     $('.slideshow').cycle({fx:'fade', speed:'100000', timeout: 10000, next:'#next', prev:'#prev'}); 
     $('#slider1').tinycarousel({ display: 7 }); 
     $("a.fancybox").fancybox(); 
    }); 
    </script> 
    <!--DOCUMENT READY ENDS--> 

Answer 1

この行は、干渉している：

<script type="text/javascript" src="js/jquery2.js"></script> 

をそれはjQueryの他のOLD（1.1.2）のコピーをロードしています。これを削除し、正しく動作するはずです。

Answer 2

1. あなたが実際には同じバージョンの同じライブラリに新しいプラグインを利用するたびに参照する必要はありません。一度やってください。
2. 他のライブラリ（mootoolsなど）で$演算子を過負荷にする可能性がある場合は、NoConflictが使用されます。
3. 正確に動作しないものについてのアドバイスをしてください。