javascript - 无法解决多个版本的 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>

当我要并行使用所有三个脚本时， slider 脚本不起作用，所以给我解决方案如何一起使用。

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

希望这对您有帮助。