前端开发

 首页 > 前端开发 > jquery教程 > jQuery $命名冲突解决方案汇总_jquery_自学php网

jQuery $命名冲突解决方案汇总_jquery_自学php网

分享到:
【字体:
导读:
          也许你在看此文章之前还不知道jquery有一个noConflict()东西了,它就是为了避免与其它js插件碰到相同变量的一个解决方法,利用noConflict()可以把变量存到其它指定的变量中去...

最近遇到个问题,同时引用了jquery库和另外一个js库。当用$XX去调用js库函数时,发现失效了!于是找资料,原来是jquery命名冲突了。因为许多JavaScript 库使用$作为函数或变量名,jquery也一样。其实$只是jquery的一个别名而已,假如我们需要使用jquery 之外的另一js库,我们可以通过调用 $.noConflict() 向该库返回控制权。下面是收集到解决这一问题的五种方案,总有一种你会用得上的。

例一:

复制代码 代码如下:





冲突解决1






test---prototype


test---jQuery





例二:

复制代码 代码如下:





冲突解决2






test---prototype


test---jQuery





例三:

复制代码 代码如下:





冲突解决3






test---prototype


test---jQuery





例四:

复制代码 代码如下:





冲突解决4






test---prototype


test---jQuery





例五:

复制代码 代码如下:





冲突解决5






test---prototype


test---jQuery





看,原来解决问题的方法可不止一个两个呢,有需要的小伙伴们自己来取吧

分享到:
jquery.fn.extend与jquery.extend区别
1.jquery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jquery.fn.extend(object);给jQuery对象添加方法。 $.extend({    add:function(a,b){return a+b;}  });    //$.add(3,4); //return 7 jQuery添加一个为 add的“静态方法”,之后便可以在引入 jQuery 的地方,使用这个方法了. 2.jQuery.fn...
jquery ui bootstrap 实现自定义风格_jqu...
首先看一下自定义提示框的效果图 alert 普通的提示当然可以自定义样式 confrim 确认框 支持callback 复制代码 代码如下: //message 提示的信息 ,callback(true/false)回调函数  window.shconfirm = function (message, callback) 回调函数参数为 true/false prompt 邀请用户输入框 复制代码 代码如下:...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……