jQueryスクリプトが矛盾しています

Question

私はjQueryを使用して水平スクロールウェブサイトを作成していますが、この非表示と表示機能も追加したいと思います。しかし、隠蔽関数用に別のjQueryスクリプトを挿入した後、水平スクロールのイージング効果は機能しません！そのため、サイトのナビゲーションをクリックすると、別のセクションにジャンプします。

はここでのjQueryの私のコードです：

<link rel="stylesheet" href="styles/style.css" type="text/css" media="screen" /> 
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script> 
<script src="js/jquery.localscroll-min.js" type="text/javascript"></script> 
<script src="js/jquery.scrollTo-min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $.localScroll.defaults.axis = 'x'; 
     $.localScroll(); 
    }); 
</script> 
<!-----------------------hiding div------------------------------------> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 

     $(".slidingDiv").hide(); 
     $(".show_hide").show(); 

     $('.show_hide').click(function() { 
      $(".slidingDiv").slideToggle(); 
     }); 

    }); 
</script> 

誰がこの問題を解決する方法を知っていますか？

Answer 1

あなたの要件に従って正しいスクリプトを使用していることを考慮してください。

多くのJavaScriptライブラリでは、jQueryと同様に、関数または変数名として '$'が使用されています。 jQueryの場合、 '$'は 'jQuery'のエイリアスです。これを修正するには、jqueryをno conflictモードで追加します。

jQuery.noConflict(); 

は、以下のようにすべてのあなたのjqueryのコードを含める：第二のスニペットが配置されており、それが挿入されたとき

<script type="text/javascript"> 
    //no conflict jquery 
    jQuery.noConflict(); 

    (function ($) { 

     //jquery code goes here.   
     $.localScroll.defaults.axis = 'x'; 
     $.localScroll(); 

    })(jQuery); 
</script> 
<script type="text/javascript"> 
    (function ($) { 

     $(".slidingDiv").hide(); 
     $(".show_hide").show(); 

     $('.show_hide').click(function() { 

      $(".slidingDiv").slideToggle(); 
     }); 

    })(jQuery); 
</script>