News新闻

业界新闻动态、技术前沿
Who are we?

您的位置:首页      JS/JQ/AJAX      function $(id)js 发生冲突的解决方法

function $(id)js 发生冲突的解决方法

发布日期:2014-02-21 00:00:00 777

昨天改网站首页的时候添加了一个选项卡,将站内更新比较频繁的模块调用到首页显示,使用了选项卡特效,今天才发现首页的幻灯片不动了,经查发现JQ冲突,网上查了很多方法还是不行,之后就没想那么多,直接改原来的JS

function $(ID) {return document.getElementById(ID);}
function Ds(i) {$(i).style.display = '';}
function Dh(i) {$(i).style.display = 'none';}
function Df(i) {$(i).focus();}
 
改为
 
function getid(ID) {return document.getElementById(ID);}
function Ds(i) {getid(i).style.display = '';}
function Dh(i) {getid(i).style.display = 'none';}
function Df(i) {getid(i).focus();}
 
即可。
 
全部的选项卡JS改造后如下
 
//选项卡开始
function getid(ID) {return document.getElementById(ID);}
function Ds(i) {getid(i).style.display = '';}
function Dh(i) {getid(i).style.display = 'none';}
function Df(i) {getid(i).focus();}
var tID=0;
function Tb(d, t, p, c) {
for(var i=1; i<=t; i++) {
if(d == i) {$(p+'_t_'+i).className = c+'_2'; Ds(p+'_c_'+i);} else {$(p+'_t_'+i).className = c+'_1'; Dh(p+'_c_'+i);}
}
}
//选项卡结束