gpt4 book ai didi

javascript - 在 setInterval 中获取正确的上下文

转载 作者:行者123 更新时间:2023-11-30 17:11:46 25 4
gpt4 key购买 nike

<分区>

我正在尝试创建一个 JS/Jquery 函数来处理同一页面上的多个图像 slider 。

这是我的代码:

var imageSlider = $('.imageSlider');

imageSlider.each(function(){
var imageBackground = $(this).find('.imageBackground');
var imageBackgroundFirst = $(this).find('.imageBackground:first');
var imageBackgroundLast = $(this).find('.imageBackground:last');

imageBackground.addClass('off');
imageBackgroundFirst.removeClass('off').addClass('on');

setInterval(function(){
var imageBackgroundOn = $(this).find('.imageBackground.on');

if (imageBackgroundLast.hasClass('on')){
imageBackgroundLast.removeClass('on').addClass('off');
imageBackgroundFirst.addClass('on').removeClass('off');
}
else{
imageBackgroundOn.removeClass('on').addClass('off');
imageBackgroundOn.next().addClass('on').removeClass('off');
}

}, 7500);
})

问题是设置间隔元素内的 imageBackgroundOn 变量返回未定义的上下文...我知道 setInterval 在它自己的上下文中处理变量,那么我如何链接 setInterval 行以独立于每个 imageSlider 元素工作?我需要在每个时间间隔和在其自己的上下文中刷新该变量。

提前致谢!

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com