首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无法解决多个版本的jquery无冲突

无法解决多个版本的jquery无冲突
EN

Stack Overflow用户
提问于 2017-02-18 23:16:54
回答 1查看 245关注 0票数 0

下面是我在页面中使用的细节……

代码语言:javascript
运行
复制
<!--------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>

当我要使用所有三个脚本并行,然后滑块脚本不工作,所以给我解决方案,我如何才能一起使用。

EN

回答 1

Stack Overflow用户

发布于 2017-02-18 23:28:49

使用jQuery.noConflict()函数,您可以将多个jquery放在同一页面上。

例如,

代码语言:javascript
运行
复制
<!--------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 */ }

希望这能对你有所帮助。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42316938

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档