zoukankan      html  css  js  c++  java
  • 解决jquery和prototype库冲突问题

      在项目中同时引入了jquery.js和prototype.js两个文件,在方法调用时启了冲突。

      我们在使用 jQuery 的过程中我们会频繁使用 $ 符号,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,例如 如$('#msg')等同于JQuery('#msg')的写法。

      在页面中同时引入另一个js类库,并且该类库也是用了 $ 符号时,$ 代表的变量将被覆盖。例如 prototype.js。

      举例:

      A.jquery.js 在 prototype.js 之前引入

    <script src="jquery.js" type="text/javascript"/> 
    <script src="prototype.js" type="text/javascript"/>

      在这种情况下,我们在自己的js代码中如下写的话:

      $('#msg').hide();

      $此时代表的prototype.js中定义的$符号,如果我们想要调用jquery.js中的工厂选择函数功能的话,只能用全称写法JQuery('#msg').hide();

      B.jquery.js 在 prototype.js 之后引入

      在这种情况下,我们在自己的js代码中如下写的话:$('#msg').hide();

      $永远代表的是jquery中定义的$符号,也可以写成JQuery('#msg').hide();prototype.js中定义的$则被覆盖了。 

      解决的方法 1:在编写完 使用了 jquery 中的 $的代码后 用JQuery.noConflict();

      来让Jquery放弃对$的所有权,将$的控制权交还给prototype.js,因为jquery.js是后引入的,所以最后拥有$控制权的是jquery,当在代码中调用了该 方法以后,我们就不可以使用$来调用jquery的方法了,而要使用 jQuery() 方法。

      解决的方法 2:自定义jquery 的别名

    var $j=JQuery.noConflict(); 
    $j('#msg').hide();//此处$j就代表JQuery 

      使用如上代码,自此以后$就代表prototype.js中定义的$,jquey.js中的$无法再使用,只能使用$j来作为jquey.js中JQuery的别名了。

  • 相关阅读:
    flexible
    arcgis
    vue 语法糖
    sass 的安装 编译 使用
    nodeJs
    微信小程序
    linux cgroups 简介
    git命令
    sublime笔记
    工程优化学习(进退法、黄金分割法、二次插值法、三次插值法、最速下降法)
  • 原文地址:https://www.cnblogs.com/Joanna-Yan/p/4836252.html
Copyright © 2011-2022 走看看