2017-02-18 10 views
0
ここ

私はページに使用しています詳細はあるためにjqueryのnoconflictを解決することができません...複数のバージョン

<!--------slider script-------------> 
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 

<!---------------------anchor tag smooth scroller on same page--> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 


<!----smooth scrooler up---> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 

私は、スライダーのスクリプトは私を与えるように動作していない3つのすべてのスクリプトを平行に使用するつもりですどのように私は一緒に使用することができますソリューション。

+2

** 3 **バージョンのjQueryをページに含めると(非常に古いバージョンを含む)、災害のレシピになります。ライブラリの最新バージョンで積極的にサポートされているウィジェットを見つけ、使用するウィジェットを1つだけ使用します。 – Pointy

+0

[複数のバージョンのjQueryを同じページで使用できますか?](http://stackoverflow.com/questions/1566595/can-i-use-multiple-versions-of-jquery-on-the-same -page) –

+0

'最新のバージョンをダウンロードするか、ダウンロードリンクを教えてください。 @Pointy ' –

答えて

1

jQuery.noConflict()機能を使用すると、同じページに複数のjqueryを配置できます。
は例えば、

<!--------slider script-------------> 
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
var j1 = jQuery.noConflict(); 

<!---------------------anchor tag smooth scroller on same page--> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
var j2 = jQuery.noConflict(); 

<!----smooth scrooler up---> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
var j3 = jQuery.noConflict(); 

j1(document).ready(function($) { /* write script here */ } 
j2(document).ready(function($) { /* write script here */ } 
j3(document).ready(function($) { /* write script here */ } 

が、これはあなたを助けることを願っています。

関連する問題