2016-03-05 145 views
0

我有一个搜索图标,点击它打开的搜索栏并隐藏菜单,但现在我想让搜索div关闭时,随机点击页面上。我试图使它但我失败了,请帮助:隐藏div随机点击使用jquery

<script> 
    $(document).ready(function(){ 
     $('a#top-search').click(function(){ 
      $('#searchform').toggleClass('block'); 
      $('.main-nav').toggleClass('none'); 
     }); 
     if ($('#searchform').hasClass('block')){ 
      $(body).click(function(){ 
       $('#searchform').addClass('none');  
      }); 
     }; 
    }); 
</script> 
+0

我会改变检查周围等身体点击,然后检查搜索表单是否有类。刚注意到有人已经这样说过了。如果你提供代码,我们可以自己看看。更妙的是,添加的jsfiddle :) – thatOneGuy

+0

\t \t

回答

1

尝试重写你这样的代码,

$("body").click(function(){ 
    if($('#searchform').hasClass('block')){ 
    $('#searchform').addClass('none');  
    }); 
}); 

绑定事件body并检查它里面的条件。

+0

它没有工作,即使搜索图标点击功能停止工作 –

+0

它没有工作 –

+0

@VikasS你可以在这里创建一个简单的演示吗? jsfiddle.net? –