Question

调用两个js文件发生冲突 一个是jquery.min.js 一个代码如下：

// JavaScript Document
function el(id){
return document.getElementById(id);
}
function $(id){
return document.getElementById(id);
}
/*
该方法用于选项卡切换功能
选项卡按钮的ID依次为xxx1、xxx2、xxx3、……
每个滑块对应的内容依次为xxx1_content、xxx2_content、xxx3_content、……
参数说明：
btnID：选项卡按钮的ID，不含后面的数字，如上面的xxx
num：选项卡总数
classOn：当前选项卡的样式表名称
classOff：其他关闭的选项卡的样式表名称
moreUrlID：超链接更多的ID，如果选项卡没有设置一个更多的按钮则填写空字符串
moreUrl：更多的页面地址
*/
function change(btnID,num,count,classOn,classOff,moreUrlID,moreUrl)
{
for(i=1; i<=count;i++)
{
if(i==num)
{
$(btnID+i.toString()).className=classOn;
$(btnID+i.toString()+"_content").style.display="block";
}
else
{
$(btnID+i.toString()).className=classOff;
$(btnID+i.toString()+"_content").style.display="none";
}
}
if(moreUrlID!="")
$(moreUrlID).href=moreUrl;
}

//返回元素坐标
var GetCoordinate = function(el,xy)
{
var box = el.getBoundingClientRect(),
doc = el.ownerDocument,
body = doc.body,
html = doc.documentElement,
clientTop = html.clientTop || body.clientTop || 0,
clientLeft = html.clientLeft || body.clientLeft || 0,
top = box.top + (self.pageYOffset || html.scrollTop || body.scrollTop ) - clientTop,
left = box.left + (self.pageXOffset || html.scrollLeft || body.scrollLeft) - clientLeft
var n;
if(xy=="x") n=parseInt(left);
if(xy=="y") n=parseInt(top);
return parseInt(n);
}

var IsShow=false;
var st;
var mmm=null;
function SetTF(tf){IsShow=tf;}

function ShowMenu(o)
{
if(mmm!=null) mmm.style.display='none';
IsShow=true;
var x=GetCoordinate(o,"x");
var y=GetCoordinate(o,"y")+28;
var mm=el(o.id+"_item");
if(document.all)
x=x;
else
x=x+1;
mmm=mm;
mm.style.display='block';
mm.style.top=y.toString()+"px";
if(x+el(o.id+"_item").offsetWidth > GetCoordinate(el("dh"),"x")+766)
mm.style.left=(x-el(o.id+"_item").offsetWidth+o.offsetWidth)+"px";
else
mm.style.left=x.toString()+"px";
st=setInterval(Hide,500);
mmm=mm;
}
function Hide()
{
if(!IsShow && mmm!=null)
{
mmm.style.display='none';
clearInterval(st);
}
}// JavaScript Document

Answer 1

// JavaScript Document
function el(id){
return document.getElementById(id);
}
function $$(id){
return document.getElementById(id);
}
/*
该方法用于选项卡切换功能
选项卡按钮的ID依次为xxx1、xxx2、xxx3、……
每个滑块对应的内容依次为xxx1_content、xxx2_content、xxx3_content、……
参数说明：
btnID：选项卡按钮的ID，不含后面的数字，如上面的xxx
num：选项卡总数
classOn：当前选项卡的样式表名称
classOff：其他关闭的选项卡的样式表名称
moreUrlID：超链接更多的ID，如果选项卡没有设置一个更多的按钮则填写空字符串
moreUrl：更多的页面地址
*/
function change(btnID,num,count,classOn,classOff,moreUrlID,moreUrl)
{
for(i=1; i<=count;i++)
{
if(i==num)
{
$$(btnID+i.toString()).className=classOn;
$$(btnID+i.toString()+"_content").style.display="block";
}
else
{
$$(btnID+i.toString()).className=classOff;
$$(btnID+i.toString()+"_content").style.display="none";
}
}
if(moreUrlID!="")
$$(moreUrlID).href=moreUrl;
}
//返回元素坐标
var GetCoordinate = function(el,xy)
{
var box = el.getBoundingClientRect(),
doc = el.ownerDocument,
body = doc.body,
html = doc.documentElement,
clientTop = html.clientTop || body.clientTop || 0,
clientLeft = html.clientLeft || body.clientLeft || 0,
top = box.top + (self.pageYOffset || html.scrollTop || body.scrollTop ) - clientTop,
left = box.left + (self.pageXOffset || html.scrollLeft || body.scrollLeft) - clientLeft
var n;
if(xy=="x") n=parseInt(left);
if(xy=="y") n=parseInt(top);
return parseInt(n);
}
var IsShow=false;
var st;
var mmm=null;
function SetTF(tf){IsShow=tf;}
function ShowMenu(o)
{
if(mmm!=null) mmm.style.display='none';
IsShow=true;
var x=GetCoordinate(o,"x");
var y=GetCoordinate(o,"y")+28;
var mm=el(o.id+"_item");
if(document.all)
x=x;
else
x=x+1;
mmm=mm;
mm.style.display='block';
mm.style.top=y.toString()+"px";
if(x+el(o.id+"_item").offsetWidth > GetCoordinate(el("dh"),"x")+766)
mm.style.left=(x-el(o.id+"_item").offsetWidth+o.offsetWidth)+"px";
else
mm.style.left=x.toString()+"px";
st=setInterval(Hide,500);
mmm=mm;
}
function Hide()
{
if(!IsShow && mmm!=null)
{
mmm.style.display='none';
clearInterval(st);
}
}// JavaScript Document
//这样即可，复制过去即可用

Answer 2

不用修改：
在使用自己的js时加上
jQuery.noConflict();
这样就可以使用自己js中的$了，当然在之后jQuery中的的$就得使用jQuery代替了

追问

加在html里还是？
我html的代码如下

Answer 3

估计是$冲突了，如果可以，你最好在编写jQuery代码时不要使用$而用jQuery字母代替。现在我觉得把你的源生js修改一下是成本最低的了
function $(id)
这个函数毫无用处，建议直接使用jQuery的选择器

追问

请问一下，怎么修改我上面的js呢？