我试图在迭代表格的单元格时在
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);
- });
- }
