Question

<script>
$(document).ready(function(e){
  if ($("#search").submit(function()) {
    {
        var x  = $(this).val();
        $.ajax(
          {
            type:'GET',
          url:'fetch.php',
          data:'q='+x,
          dataType:"text",
          success:function (data)
          {
            $("#here").html(data);
          }
          ,
        });
      }
    );
  }
  else if ($(this).find('#search').val() == '') {
    $("#here").hide();
  }

});
</script>

这是我的搜索代码，但我的搜索框字段在空的时候没有隐藏。它正在搜索完美但仍然在我清除文本框时它仍然出现

这是我的css

#here{
      display: none;
      float: left;
      max-height:400px;
      width:300px;
      height:absolute;
      padding-left: 25px;
      padding-right: 10px;
      z-index: 9999;
      background: #fff;
      box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
      position:absolute;
      z-index:99;
      right:0;
      padding: 10px;

我不知道这个问题是什么我很抱歉，如果简单

Answer 1

如果你真的想检查文本框是否为空，你可以在检查文本框的长度时使用以下代码：

 if ( $("#search").val().length > 0 ){
$("#here").hide();
}

但我真的无法得到你想要的东西，请你分享你的HTML并澄清更多。

Answer 2

这是因为当你第一次加载代码时，if / else if块只运行一次。您检查搜索框是否为空需要添加到某种事件（可能是键盘事件或焦点事件？）

如果字段为空，则使用jquery隐藏搜索框

2 个答案: