2016-03-05 153 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? –