javascript - 如何使用 jQuery 模糊调用函数，除非单击链接？

Question

我有一个小的 jQuery 脚本:

$('.field').blur(function() {
    $(this).next().children().hide();
});

隐藏的子项包含一些链接。这使得无法单击链接(因为它们被隐藏)。什么是适当的解决方案？

这是我所得到的最接近的结果:

$('.field').blur(function() {
       $('*').not('.adress').click(function(e) {
            foo = $(this).data('events').click;
            if(foo.length <= 1) {
//             $(this).next('.spacer').children().removeClass("visible");
            }
            $(this).unbind(e);
        });
});

未注释的行应该指的是模糊的字段，但它似乎不起作用。有什么建议吗？

Answer 1

您可以稍微延迟一下，如下所示:

$('.field').blur(function() {
  var kids = $(this).next().children();
  setTimeout(function() { kids.hide(); }, 10);
});

这让您有时间在这些子链接消失之前进行点击。