07
2015
08

js 中function $ (id)冲突问题

 


//获取id
function $ (id)
{
 return typeof id === "string" ? document.getElementById(id) : id;
}

页面中存在上面的JS代码。加上后原来的 下拉菜单不起作用, 检查后发现是JS代码冲突问题、

 

 

 

$(id)是js document.getElementById(id)的简写,定义了这个方法以后调用的时候就可以直接用类似于jquery中那样的$(“img-icon”).onclick简单封装。

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


////获取id
function getid (id)
{
 return typeof id === "string" ? document.getElementById(id) : id;
}

那么这段JS将不再与JQUERY之类的JS库冲突。
如果要优化,由于JQUERY的引入,甚至可以用$替换掉其中的getElementsByTagName或

 

 

« 上一篇下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。