setTimout 搞砸了变量 JavaScript

setTimout screws up variable javascript

本文关键字：变量 JavaScript setTimout      更新时间：2023-09-26

我在处理一段脚本时遇到问题，该脚本在对象"隐藏"后删除了 X 时间

selector = getselector($(this).parent().parent());
console.log("Clicked Cancel");
$(this).parent().parent().addClass('hidden');
setTimeout(function() {
    $(selector).remove();
}, 400);

我从这里编辑了一些脚本来制作函数 getselector，因为 $（this） 在 setTimeout 中不起作用。现在这段代码可以工作了，只要你不要再运行得太快。问题似乎是当另一个节点在时间跨度（当前为 400 毫秒）内被删除时，变量选择器会搞砸

我想不出一个简单的解决方法。 :(

答案很简单：不要selector全局，即使用 var 。哦，只需存储元素，而不是尝试构建选择器：

var elem = $(this).parent().parent();
elem.addClass('hidden');
setTimeout(function() {
    elem.remove();
}, 400);

您还可以按以下方式对删除进行排队，这会使您的代码更加辛辣：

$(this).parent().parent().addClass('hidden').delay(400).queue(function() {
   $(this).remove();
});

在进程开始时设置一个值为 true 的变量。在操作时，检查它是否不为 false，然后将其设置为 false，然后在完成后返回 true。如果你点击它太快，它将检查你的变量，再次看到它是真的，并再次执行操作。

相关文章：