将数组元素传递给 settimeout 函数

发布于 2024-12-06 19:05:38 字数 267 浏览 0 评论 0原文

我不明白为什么淡出有效但删除无效。我发现是数组的问题。我尝试了一些组合，但无法使其发挥作用。

for (var i=0;i<fieldsblock.length;i++){
     $("#"+fieldsblock[i]+"_tr"+nid).fadeOut();
     t=setTimeout(function(){$("#"+fieldsblock[i]+"_tr"+nid).remove();},400); 
    }

谢谢。

原文

I don't understand why the fadeOut works but the remove doesn't. I found out it's a problem with the array. I tried some combinations, but I can't make it work.

for (var i=0;i<fieldsblock.length;i++){
     $("#"+fieldsblock[i]+"_tr"+nid).fadeOut();
     t=setTimeout(function(){$("#"+fieldsblock[i]+"_tr"+nid).remove();},400); 
    }

Thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

別甾虛僞 2024-12-13 19:05:38

看起来您只需要在 fadeOutremove 即可> 已完成。如果是这种情况，则不需要使用 setTimeout。您可以改用回调：

for (var i=0;i<fieldsblock.length;i++){
    $("#"+fieldsblock[i]+"_tr"+nid).fadeOut(function() {
        $(this).remove();
    });
}

每当动画完成时就会执行回调，因此这样做意味着如果您想更改淡入淡出的持续时间，则不必更改 setTimeout 持续时间以及。

It looks like you just need the remove to run once the fadeOut has completed. If that's the case, you don't need to use setTimeout. You can use a callback instead:

for (var i=0;i<fieldsblock.length;i++){
    $("#"+fieldsblock[i]+"_tr"+nid).fadeOut(function() {
        $(this).remove();
    });
}

The callback is executed whenever the animation is complete, so doing it this way means you won't have to change the setTimeout duration if you wanted to change the duration of the fade as well.

回复收藏 0 原文

森林很绿却致人迷途 2024-12-13 19:05:38

虽然我相信在这种情况下使用 jquery 的 fadeOut() 方法的回调是正确的，但您仍然可以删除没有它的元素。

var block;

for (var i = 0; i < fieldsblock.length; i++) {
    // Get the element
    block = $("#" + fieldsblock[i] + "_tr" + nid);

    // Fade it out without using the callback for whatever reason
    block.fadeOut();

    // Wait 400ms to remove it
    setTimeout((function (blockToRemove) {
        return function () { blockToRemove.remove(); };
    })(block), 400);
}

基本上，(function (args...) { ... })(args...) 允许您将参数传递到函数的本地作用域，这将“保存您的参数的状态”正在与.在上面的示例中，我们将 block 传递给函数的 blockToRemove 参数，然后该参数返回实际删除元素的另一个函数。

在这种情况下，使用回调肯定更好，但也有其他时候，有人可能会循环遍历某些内容，这会非常有用。

While I believe using the callback for jquery's fadeOut() method is correct in this case, you could still remove the element without it.

var block;

for (var i = 0; i < fieldsblock.length; i++) {
    // Get the element
    block = $("#" + fieldsblock[i] + "_tr" + nid);

    // Fade it out without using the callback for whatever reason
    block.fadeOut();

    // Wait 400ms to remove it
    setTimeout((function (blockToRemove) {
        return function () { blockToRemove.remove(); };
    })(block), 400);
}

Basically, (function (args...) { ... })(args...) lets you pass arguments to a function's local scope, which will "save the state" of the arguments you're working with. In the example above, we're passing block to the function's blockToRemove parameter, which then returns's another function that actually removes the element.

In this case it's definitely better to use the callback, but there are other times when someone could be looping through something where this would be very useful.

回复收藏 0 原文