1：点击左右按钮时发生了什么错误吗，看页面效果我好像并没有发现有什么不对的地方，什么叫默认跳转行为，不理解

2：

var numberOfPics=$('.pic').length;
		//console.log(numberOfPics);
		var index=0;
		var picAuto;

		//封装一个函数，用于切换图片
		function mySlider(){
			index++;
				if(index>=numberOfPics){
					index=0;
				}
				$('.pic').eq(index).addClass('active');
				$('.pic').eq(index).siblings().removeClass('active');
				$('span').eq(index).addClass('dots-active');
				$('span').eq(index).siblings().removeClass('dots-active');
		}

		//鼠标滑过后，开始自动轮播
		$('.main').mouseout(function(){
			picAuto=setInterval(function(){
				mySlider();	
			},2000)
		})
		//调用onmouseout这个方法，使得自动执行onmouseout事件，使页面刚加载出来就自动轮播
		$('.main').mouseout();

		//当鼠标放在图片或"上下按钮"以及圆点上面时，清除定时器，使自动轮播停止
		$('.main').mouseover(function(){
			clearInterval(picAuto);
		})
		

		//点击往下翻的按键
		$('.next').click(function(){
			mySlider();

		})
		//点击往上翻的按钮，因为index为递减，所以这边单独写一个函数，不调用slider
		$('.previous').click(function(){
			index--;
				if(index<0){
					index=4;
				}
				$('.pic').eq(index).addClass('active');
				$('.pic').eq(index).siblings().removeClass('active');
				$('span').eq(index).addClass('dots-active');
				$('span').eq(index).siblings().removeClass('dots-active');
		})

		//点击圆点切换图片
		$('span').click(function(event){
			//获取每个圆点的索引值
			var dotIndex=$(event.target).index();
			//用圆点的索引值来控制要选择的图片
			$('.pic').eq(dotIndex).addClass('active');
			$('.pic').eq(dotIndex).siblings().removeClass('active')
			$('span').eq(dotIndex).addClass('dots-active');
			$('span').eq(dotIndex).siblings().removeClass('dots-active');
		})

把var dotIndex=$(event.target).index();这里的变量名从dotIndex改为index有什么区别吗？？？我在一开始就定义过一个叫index的变量了，用他来控制轮播的。我确实发现了点击圆点时的跳转错误，但这个错误原理是什么呢，为什么会出现这样的错误，不懂啊