jquery 在点击外部某处时关闭自动建议列表

Question

我是 jquery 新手，我为自动建议搜索框编写了这个脚本。一切工作正常，但当用户单击列表外部(页面中的某个位置)时，列表将保持打开状态。我在这里找到了两个类似的例子来说明如何摆脱这个问题，但它对我不起作用。知道怎么做吗？这是我的代码:

$(document).ready(function(){

$('#search_form_1').keyup(function(){
    var value = $(this).val();

    if(value != ''){
        $('#search_result').show();
        $.post('search_form.php', {value: value}, function(data){
            $('#search_result').html(data);
        }); 

    }else{
        $('#search_result').hide();
    }

});

});

Answer 1

使用blur function当触发时，当它失去焦点时。

$('#search_form_1').blur(function(){
    $('#search_result').hide();
});