在隐藏anchor-tag之前关注url

Question

我有一个自动填充搜索表单，或多或少像在facebook上使用的表单，我开始输入并显示名单。 我创建了每个名称的链接，以便您可以打开他们的个人资料页面。 我在搜索表单的输入字段'onblur'上也有一个函数，我在其中隐藏了所有名称的自动完成div。因此，当我在外面点击它时，它不会保持可见。现在唯一的问题是，当我单击其中一个名称时，即使光标在悬停时确实发生了变化，页面也不会重定向到锚标记的配置文件页面。

有人有什么想法吗？

Answer 1

这是因为您的隐藏事件会在实际单击元素之前删除列表。有几种解决方案。

首先，您可以使用setTimeout隐藏

setTimeout( function() { /* hide list */ }, 500);

在回答你的评论时，不，你不能重新排序事件。所以你必须找到一个解决方案。有很多方法，但由于你使用的是jQuery，我会这样做。

//you probably have something like this currently
$('element').blur( function() { $('results').hide(); });    

//change it to something like this
$('element').blur( function() { $('results').fadeOut(300); });