gpt4 book ai didi

javascript - jQuery 函数调用不起作用

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

我正在尝试在 <span> 中添加和删除一个类,但是 removeClass 不工作,尽管正在调用该函数。

setInterval(changeClass,4000);

var spanId=1;

function changeClass(){
$('#'+spanId).addClass("hilite");
setTimeout(remove, 1000);
spanId++;}

function remove(){
$('#'+spanId).removeClass("hilite");
return true;
}

有谁能说说原因吗?

我怎么能用像这样的 while 循环来做到这一点我试了所有方法但还是不能让它工作

var spanSet=4;
var spanId=1;
while(spanSet > 0)
{
changeClass();
spanSet--;
}

function changeClass(){
$('#'+spanId).addClass("hilite");
setTimeout(remove, 3000);
}

function remove(){
$('#'+spanId).removeClass("hilite");
spanId++;
return true;
}

最佳答案

spanId 在超时结束前递增,因此您正试图从下一个 项目而不是最后一个项目中删除该类。

避免这个问题的通常方法是使用闭包,但在这种情况下,将 spanId++; 移动到 remove 函数的末尾会简单得多.

闭包方法(在这种情况下我不推荐,因为与仅移动增量相比它过于复杂)可能如下所示:

setInterval(changeClass, 4000);
var spanId = 1;

function changeClass() {
$('#' + spanId).addClass("hilite");
setTimeout(
remove(spanId), // CALL remove and pass spanId as an argument
1000
);
spanId++;
}

function remove(spanId) {
return function () { // RETURN a function from remove().
// Note: This spanId is the local variable defined in the argument list
// not the one that exists in the wider scope
$('#' + spanId).removeClass("hilite");
return true;
}
}

关于javascript - jQuery 函数调用不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11600322/

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