如何解决js轮播闭包问题?


//下面先初始化自动轮播

var handle = setInterval(function(){//3秒自动点击下一页按钮一次

             $('.jcarousel-control-next').trigger('click');//这样点击下页事件,实现自动轮播

        },3000);

//下面鼠标hover事件, jcarouselwrap是轮播图片的容器

$('.jcarouselwrap').hover(

function(){

clearInterval(handle);//鼠标悬浮在图片上就停止自动滚动 清除handle

},

function(){//鼠标悬浮在图片上后移开鼠标,又自动滚动轮播,但是下次鼠标放上去的时候就不能停止自动轮播了求大神解决

        var handle = setInterval(function(){//3秒自动滚动一次

             $('.jcarousel-control-next').trigger('click');//这样自动点击下页事件

        },3000);

);

_小_七_
浏览 1688回答 2
2回答

woshiajuana

function(){//鼠标悬浮在图片上后移开鼠标,又自动滚动轮播,但是下次鼠标放上去的时候就不能停止自动轮播了求大神解决        var handle = setInterval(function(){//3秒自动滚动一次             $('.jcarousel-control-next').trigger('click');//这样自动点击下页事件        },3000);} );这个函数的handle 你又声明 了一次  ,这个是局部变量把var去掉即可如果满意,望采纳

_小_七_

果然厉害谢谢
打开App,查看更多内容
随时随地看视频慕课网APP