1

我有一个这样的 jquery 下拉列表:

$(document).ready(function() {
    $(".searchs").keyup(function() {
        var searchbox = $(this).val();
        var dataString = 'searchword=' + searchbox;
        if (searchbox == '') {
            $("#display").hide();
        }
        else {
            $.ajax({
                type: "POST",
                url: "searchs.php",
                data: dataString,
                cache: false,
                success: function(html) {
                    $("#display").html(html).show();
                }
            });
        }
        return false;
    });
});​

现在我想:

  1. 当我将鼠标悬停在任何地方单击时隐藏下拉菜单。
  2. 将鼠标移回搜索输入框后继续搜索。

这个案子有什么想法吗?

4

1 回答 1

0

我相信事件可能会为您focusblur案件派上用场。

var $display = $("#display");
$(".searchs").on({
  blur: function(){
    $display.hide();
  },
  focus: function(){
    $display.show();
  }
});
于 2012-12-01T09:53:51.813 回答