javascript - jQuery - 删除模糊元素但捕获他的 child 的点击

Question

我有以下代码:

$('#myEl').blur(function(){
  $(this).remove('.children');
});

但是子元素内部有链接，另一个 jQuery 操作不会触发，因为 .children 在模糊时被删除，我猜这是在单击操作之前触发的。简单的例子:

1. child 可见并且#myEl 具有焦点
2. 我点击子链接
3. #myEl 失去焦点
4. 子元素已删除
5. 未触发子链接操作，因为我猜链接不再存在

如何解决这个问题？我试图延迟删除:

$(this).delay(100).remove('.children');

没有运气。

Answer 1

如果您使用延迟方式，则不能使用jQuery .delay()，因为它仅适用于排队元素(带动画)。

您可以使用setTimeout:

$('#myEl').blur(function(){
  var $this = $(this);
  setTimeout(function(){
    $this.remove('.children');
  }, 100)
});