Question

标题中有一个用户搜索栏。输入后，会动态显示包含相关用户的div。但是当我点击用户的名字时，焦点会使div立即消失，因此不会点击链接。我该如何解决这个问题？

index.js.erb的：

if($('#headersearch').val().trim() ==  "") 
  {
    $("#header_user_list").html('');      //empty search bar  => removes div
  }
else
  {
    $("#header_user_list").html('<%= j render @header_users %>')
  }
$('#headersearch').focusout(function() { $('#header_user_list').html(''); });

当我点击其他地方时，我确实希望将重点放在div上。但我希望能够点击用户的名字来导航到他们的页面。有没有一种简单的方法来实现这一目标？谢谢！

Answer 1

您可以使用：

$('#headersearch').focusout(function () {
    $('#header_user_list').delay(30).hide(0, function () {
        $(this).empty();
    });
});

或经典超时或更好的逻辑。

Answer 2

如果我没有弄错..为什么不使用点击功能？类似的东西：

$('yourElement').click(function() {
    // things that should happen after click, e.g.
    // opening a specific user page
    // or dismissing the menu
});

焦点延迟会让我点击链接吗？

2 个答案: