2

ボタンをクリックすると、トグルdivとボタンが表示/非表示になります。

このコードを使用して、ページの任意の場所をクリックすると、トグルdivを非表示にします。

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

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

私の問題は次のとおりです。トグルボタンのコントロールをクリックすると、この関数が実行され、トグルdivが非表示になります。

クリックしたコントロールのIDを取得したい。コントロールがtoggledivの場合、この関数を実行しないでください。

4

2 に答える 2

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

これは確かにあなたのために働くでしょう。私はあなたが求めているものであることを願っています。

乾杯。

于 2013-02-19T06:00:23.890 に答える
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");
     }
  });
于 2013-02-19T06:01:33.913 に答える