setTimeout不能使用jquery.each,这个

Question

我试图在迭代表格的单元格时在jquery .removeClass调用之间添加延迟.单元格没有setTimeout正确显示,但是使用setTimeout代码中断.我究竟做错了什么？

function reveal_board() {
$("td").each(function() {
    var t=setTimeout('$(this).removeClass("invisible")', 500);
});
}

Answer 1

试试这个:

function reveal_board() {
    $("div").each(function(index) {        
        (function(that, i) { 
            var t = setTimeout(function() { 
                $(that).removeClass("invisible"); 
            }, 500 * i);
        })(this, index);
    });
}

传递字符串通常是一种不好的做法,setTimeout()而且我认为在使用它时也不会传递任何变量.

我还将它包装在一个封闭中,以确保that始终适用于正确的元素而不是替换.

虽然像NiftyDude说的那样你可能想要传入索引并使用它来依次显示每个元素.

工作示例 - http://jsfiddle.net/Cc5sG/

编辑

看起来你不需要关闭:

function reveal_board() {
    $("div").each(function(index) {        
        var that = this;
        var t = setTimeout(function() { 
            $(that).removeClass("invisible"); 
        }, 500 * index);        
    });
}

http://jsfiddle.net/Cc5sG/1/