2013-02-19 56 views
2

我有一個切換div和一個按鈕,當我點擊按鈕顯示/隱藏切換按鈕。如何在jquery中獲取點擊控件的ID?

我使用這段代碼,當點擊頁面的任何地方時隱藏切換div。

$(document).click(function() { 
      var $el = $(".Search"); 

      // toggle div 
      if ($el.is(":visible")) { 
       // fade out 
       $(".Search").toggle("slow"); 
      } 
     }); 

我的問題是:當點擊控制切換按鈕時,此功能運行並隱藏切換格。

我想獲得點擊控件的ID。如果控制切換div,則不運行此功能。

+0

使用'$(本)切換( 「慢 」);' – 2013-02-19 06:00:55

+0

becasue你無法用語言形容你沒有得到很好的答案。(「 搜索」)。你的問題正確。如果你願意,我可以幫你。我也是波斯人。你可以爲我描述這個問題,我會編輯你的問題(當然,如果我能幫忙,我會發佈一個答案)。 – 2013-02-19 06:10:10

+0

@ MD.Unicorn:謝謝,我得到答案。 :) – Niloo 2013-02-19 06:24:26

回答

0

見你必須.stopPropagation()

$('togglebtn').click(function(e){ //<----put your btn's class or id 
    e.stopPropagation(); // <---------this will stop the event to bubble to parent 
    // your stuff to hide and show. 
}); 

$(document).click(function() { 
    var $el = $(".Search"); 
    if ($el.is(":visible")) { 
     $(".Search").toggle("slow"); 
    } 
    }); 
+0

非常感謝:) – Niloo 2013-02-19 06:22:59

+0

很高興這有助於你。 – Jai 2013-02-19 06:26:14

0

這裏有些東西與你一起缺失。 你應該使用下面的代碼:

$(document).ready(function() { 
    $("button[name='give the name of button on which you want to toggle']").click(function(){ 
    var $el = $(".Search"); 

     // toggle div 
     if ($el.is(":visible")) { 
      // fade out 
      $(".Search").toggle("slow"); 
     } 
     }); 
    }); 

這必將爲你工作。我希望你在問什麼。

乾杯。