Jquery 关闭搜索对话框

我想关闭“搜索结果”对话框

代码如下：

$（文档）.ready（函数（）{
$（'.search box input[type=“text”]'）。打开（“键控输入”，函数（）{
/*获取更改时的输入值*/
var inputVal=$（this.val（）；
var resultDropdown=$（this.sillides（“.risultato”）；
if（输入值长度）{
$.get（”http://xxx/testa/backend-search.php“，{term:inputVal}）.done（函数（数据）{
//在浏览器中显示返回的数据
html（数据）；
});
}否则{
resultDropdown.empty（）；
}
});
//单击结果项时设置搜索输入值
$（document）.on（“click”，“.risultato”，function（））{
$（this）.parents（“.contentitorericuser”）.find（'input[type=“text”]”）.val（$（this.text（））；
$（this.parent（“.contentitorericerca”）.empty（）；
});
});

您可以创建一个标志变量，查看下拉列表是否显示。然后在文档上设置一个事件侦听器。如果显示下拉列表，则在单击文档时将其隐藏

var dropdownIsShowing = false;

$('.search-box input[type="text"]').on("keyup input", function(){
  //your code here
  if(inputVal.length){

    dropdownIsShowing = true;
    //your code
    }
  //your code
});

$(document).on('click',function(e){
  if(dropdownIsShowing){
    //hide dropdown
    $('.risultato').hide();
    //change flag
    dropdownIsShowing = false;
    }
});

---

您可以做的是创建一个标志变量，查看下拉列表是否显示。然后在文档上设置一个事件侦听器。如果显示下拉列表，则在单击文档时将其隐藏

var dropdownIsShowing = false;

$('.search-box input[type="text"]').on("keyup input", function(){
  //your code here
  if(inputVal.length){

    dropdownIsShowing = true;
    //your code
    }
  //your code
});

$(document).on('click',function(e){
  if(dropdownIsShowing){
    //hide dropdown
    $('.risultato').hide();
    //change flag
    dropdownIsShowing = false;
    }
});