无法为多个版本解析jquery noconflict

Question

以下是我在页面中使用的详细信息......

<!--------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>

当我要使用所有三个脚本并行时，滑块脚本不起作用，所以给我解决方案我怎么能一起使用。

Answer 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 */ }

希望这会对你有所帮助。