您好!欢迎进入紫石头原创模板堂!
网站首页 | 购买流程 | 关于我们 |  联系方式 |  客服热线:0371-56789-390
当前位置:首页 >> 建站知识 >> 详情
扫二维码关注紫石头原创模板堂 4大优势,全网首家
  • NO.1

    模板类网站比起独立设计的网站来讲价格低的多,因为很多东西是已经做成的,成本就低很多!

  • NO.2

    开源模板网站,任意修改使用!服务好到没话说!模板建站经常被贴上服务差的标签,而紫石头完全打破这样的格局!

  • NO.3

    模板网站还享受设计型网站同等级售后服务,这不是做梦!紫石头原创模板站,让这一切变为可能!

  • NO.4

    建站速度快,购买后简单修改即可投入使用。设计型网站正常需要10~20个工作日,而模板站只需要几个小时!

免费咨询热线
0371-56789-390

jQuery的$冲突问题解决办法
发表:紫石头原创模板堂    发表时间:2018-10-19 10:28:48    阅读:127
    很多JavaScript的库使用$作为变量名,如果我们同时引用两个使用$作为变量名,或者引入两个不同版本的jQuery时,就可能会出现$冲突问题。作为解决办法,我们可以使用jQuery.noConflict()来解决这个问题。
    jQuery.noConflict()
    jQuery.noConflict()的作用是放弃jQuery控制$ 变量。
    具体应用方法
    方法一
    一种方法是使用jQuery来代替$
    <script src="other_lib.js"></script>
    <script src="jquery.js"></script>
    <script>
    $.noConflict();    // 让jQuery放弃$变量的控制
    jQuery("div")...   // 使用jQuery来代替$
    $("div")...        // 其他库正常使用$
    </script>
    第一种方法有一个问题是我们必须全部使用jQuery来代替$,如果我们还想用$,我们可以参考以下两种方法。
    方法二
    这种方法是使用jQuery.ready()形成闭包,在闭包中运行jQuery代码
    jQuery.ready() => 当DOM准备就绪时,指定一个函数来执行。
    <script src="other_lib.js"></script>
    <script src="jquery.js"></script>
    <script>
    $.noConflict();    // 让jQuery放弃$变量的控制
    jQuery(document).ready(funciton($){
    ...            // jQuery代码在这里
    })
    ...                // 其他库代码在这里
    </script>
    方法三
    这种方法是使用立即执行函数,让$作为函数的变量,调用jQuery作为$。
    <script src="other_lib.js"></script>
    <script src="jquery.js"></script>
    <script>
    $.noConflict();    // 让jQuery放弃$变量的控制
    (function($){}
    ...            // jQuery代码在这里
    )(jQuery)
    ...                // 其他库代码在这里
    </script>
模板推荐
工作时间:周一至周五(08:30~18:00)
Copyright ©2003-2020 永易搜旗下紫石头原创模板堂 All Rights Reserved 豫ICP备14011598号-7 营业执照