微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

setTimeout不能使用jquery.each,这个

我试图在迭代表格的单元格时在 jquery .removeClass调用之间添加延迟.单元格没有setTimeout正确显示,但是使用setTimeout代码中断.我究竟做错了什么?
function reveal_board() {
$("td").each(function() {
    var t=setTimeout('$(this).removeClass("invisible")',500);
});
}

解决方法

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

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

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

虽然像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/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐