Question

当我点击按钮显示/隐藏切换按钮时，我有一个切换div和一个按钮。

我使用此代码，当点击页面的任何位置时隐藏切换div。

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

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

我的问题是：当在切换按钮中单击控件时，此功能运行并隐藏切换div。

我想获得点击控件的ID。如果控制是切换div则不运行此功能。

Answer 1

这里缺少一些东西。您应该使用以下代码：

$(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");
         }
       });
     });

这肯定会对你有用。我希望你能提出的问题。

干杯。

Answer 2

看到你必须.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");
     }
  });

如何在jquery中获取单击控件的ID？

2 个答案: