为了账号安全,请及时绑定邮箱和手机立即绑定

用jQuery按照步骤写却木有任何反应,求解……

 window.onload=function(){
    var wrap=document.getElementById('wrap'),
        pic=document.getElementById('pic').getElementsByTagName('li'),
        list=document.getElementById('list').getElementsByTagName('li'),
        index=0,
        timer=null;

      // 定义并调用自动播放函数
		timer = setInterval(autoPlay,1500);
		
      // 定义图片切换函数
     	function changePic(curIndex){
			for(var i=0;i<pic.length;i++){
				pic[i].style.display="none";
				list[i].className="";
				}
				pic[curIndex].style.display="block";
				list[curIndex].className="on";
				}
				
	 //设置自动播放函数(1~5循环)
		 function autoPlay(){
			 if(++index>=pic.length){index=0};
			 changePic(index);}	
			 
     // 鼠标划过整个容器时停止自动播放
		wrap.onmouseover = function(){clearInterval(timer);}
		
     // 鼠标离开整个容器时继续播放至下一张
    	wrap.onmouseout = function(){timer = setInterval(autoPlay,1500);}
		
     // 遍历所有数字导航实现划过切换至对应的图片
		for(var i=0;i<=pic.length;i++){
			list[i].onmouseover = function(){
				clearInterval(timer);
				index=this.innerText-1;
				changePic(index);
				};
			};	
   };

这个是JS写的,可以用,但是我用jquery写就没反应了,求解

正在回答

5 回答

小改了四处 : )

pic=$("#pic li"),//38

list=$("#list li"),//39

$(this).removeClass("on")});//51

index = this.innerText - 1;//74

1 回复 有任何疑惑可以回复我~
#1

JrainL 提问者

非常感谢!
2015-07-20 回复 有任何疑惑可以回复我~

今天一看发现不行了,我刚改了那会儿可以吗?

			pic=$("#pic li"),//38
			list=$("#list li"),//39
			
			function changePic(curIndex){
			$(pic).each(function(){
				$(this).css("display","none");});
			$(list).each(function(){
				$(this).removeClass("on")});//51
			$(pic[curIndex]).css("display","block");
			$(list[curIndex]).addClass("on");
			};		


0 回复 有任何疑惑可以回复我~

changePic( )这个函数,不要用遍历,你既然用了数组,那就用for循环好了

0 回复 有任何疑惑可以回复我~
#1

JrainL 提问者

按照你说的去修改了,还是木有反应哎……
2015-05-12 回复 有任何疑惑可以回复我~

把$("list")这些括号里的引号去掉。变量不要加引号~~

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

用jQuery按照步骤写却木有任何反应,求解……

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信