您好,欢迎来到点滴吧! 手机版
点滴吧www.diandiba.com
记录点点滴滴,尽在点滴吧
  • 文章
  • 文章
  • 特效
  • 素材
  • 景点
您现在的位置:首页 > Jquery教程 > 文章正文
解决function $(id)与jquery冲突的问题
更新时间:2016/1/6 19:03:38   点击:5444次

如果已经用了JQUERY,也就是HEAD里面已经引用了JQUERY,那么这个页面中那些和JQUERY没有任何关系的原生JS就不可以再使用除JUQERY的选择器缩写符号$了。

那么怎么办呢?


比如这一段JS:

function $(id) { return document.getElementById(id); }

function addLoadEvent(func){

 var oldonload = window.onload;

 if (typeof window.onload != 'function') {

  window.onload = func;

 } else {

  window.onload = function(){

   oldonload();

   func();

  }

 }

}


如果既要用到这段JS,又想调用JS库模块,并且该库已经把$当成了ID选择器,那么,只要将上面这段中的$全部替换成自己想要取的函数名字就可以了:


像这样:

function getObj(id) { return document.getElementById(id); }

function addLoadEvent(func){

 var oldonload = window.onload;

 if (typeof window.onload != 'function') {

  window.onload = func;

 } else {

  window.onload = function(){

   oldonload();

   func();

  }

 }

}


此处用getObj替代$,那么这段JS将不再与JQUERY之类的JS库冲突。


如果要优化,由于JQUERY的引入,甚至可以用$替换掉其中的getElementsByTagName或者getElementById。


上一篇:没有了   下一篇:没有了
相关文章
导航分类
热门文章
关于我们| 联系我们| 免责声明| 网站地图|
CopyRight 2012-2015 www.diandiba.com - 点滴吧 All Rights Reserved
滇ICP备09005765号-2