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

我是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();
    }

});

});

---

模糊事件怎么样

$(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();
    }

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

---

这将在触发“模糊”事件时隐藏结果，因此当#搜索_表单_1失去焦点时，当用户在元素外单击时会发生这种情况

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

当触发器失去焦点时使用

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

---

很高兴我能帮助你：）