Question

同时调用两个script，发生冲突，请高手帮帮忙解决一下！

<script>
$(function(){
$('div.pic').hover(function(){
$(this).find('div.edit').show();
},function(){
$(this).find('div.edit').hide();
})
})
</script>

<script>
function $(obj){return document.getElementById(obj)}
var maxWidth=$("img").getElementsByTagName("ul")[0].getElementsByTagName("li").length*160;
var isScroll=false;
var modiLeft;
$("scroll").onmousedown=function(evt){
isScroll=true;
evt=(evt)?evt:((window.event)?window.event:null);
if(evt.offsetX){
modiLeft=parseInt(evt.offsetX)
}
else{modiLeft=parseInt(evt.layerX)}
}
document.onmouseup=function(){
isScroll=false;
}
document.onmousemove=function(evt){
evt=(evt)?evt:((window.event)?window.event:null);
if(evt&&isScroll){
$("scroll").style.left=parseInt(evt.clientX)-parseInt($("scrollBar").offsetLeft)-modiLeft+"px";
if(parseInt($("scroll").style.left)<0){$("scroll").style.left=0+"px"}
if(parseInt($("scroll").style.left)>570){$("scroll").style.left=570+"px"}
$("img").scrollLeft=parseInt($("scroll").style.left)*((maxWidth-700)/570);
}
}
var targetx = 180;//一次滚动距离
var dx;
var a=null;
function moveLeft(){
var le=parseInt($("img").scrollLeft);
if(le>180){
targetx=parseInt($("img").scrollLeft)-180;
}
else{targetx=parseInt($("img").scrollLeft)-le-1}
scLeft();
}
function scLeft(){
dx=parseInt($("img").scrollLeft)-targetx;
$("img").scrollLeft-=dx*.3;
$("scroll").style.left=parseInt($("img").scrollLeft)*(570/(maxWidth-700))+"px";
if(parseInt($("scroll").style.left)<0){$("scroll").style.left=0+"px"}
if(parseInt($("scroll").style.left)>570){$("scroll").style.left=700+"px"}
clearScroll=setTimeout(scLeft,50);
if(dx*.3<1){clearTimeout(clearScroll)}
}
function moveRight(){
var le=parseInt($("img").scrollLeft)+180;
var maxL=maxWidth-700;
if(le<maxL){
targetx=parseInt($("img").scrollLeft)+180;
}
else{targetx=maxL}
scRight();
}
function scRight(){
dx=targetx-parseInt($("img").scrollLeft);
$("img").scrollLeft+=dx*.3;
$("scroll").style.left=parseInt($("img").scrollLeft)*(573/(maxWidth-700))+"px";
if(parseInt($("scroll").style.left)<0){$("scroll").style.left=0+"px"}
if(parseInt($("scroll").style.left)>=570){$("scroll").style.left=570+"px"}
a=setTimeout(scRight,50);
if(dx*.3<1){clearTimeout(a)}
}
</script>

Answer 1

function $(obj){return document.getElementById(obj)}
改为function js(obj){return document.getElementById(obj)}

然后 这句一下的$ 这个符号全部改为js 就没问题了。。原因是Jquery的$跟你自定义的$冲突了。。