Jquery関数内での別のアクション

Question

"nav-toggle"をクリックすると、 "grappa"にトグルクラス "open"が追加されます。次に、Webページのどこかをクリックして、「開く」トグルクラスを削除したいと思います。

私はこれを書いていますが、動作しません。

$(function() { 
     $('.nav-toggle').on('click', function(){ 
      $('.grappa').toggleClass('open');{ 
       $(document).click(function() { 
       $('.grappa').toggleClass('close'); 
      }); 
      } 
     }); 

    }); 

Answer 1

スクリプトにアラート/コンソール文をキープ

$('.nav-toggle').on('click', function(){ 
     $('.grappa').toggleClass('open'); 
    }); 

任意の場所のWebページをクリックしたときに、

$(document.body).click(function() { 
    $('.grappa').toggleClass('close'); 
}); 

を切り替えるには、別のイベント

を書くcalled.Referencing JSを取得していますあなたのウェブページの内容は正しいはずです

はあなたのgrappa要素がcloseクラスをトグルする前にopenクラスを持っている場合は、チェックすることができ、このフィドルhttp://jsfiddle.net/M4teA/

Answer 2

で

ルックを更新しました。その後、closeクラスは、openが既にトグルされている場合にのみトグルされます。ような何か：また

$(function() { 
    $('.nav-toggle').on('click', function(){ 
     $('.grappa').toggleClass('open'); 
    }); 

    $(document).click(function() { 
     if ($('.grappa').hasClass('open')) 
     { 
      $('.grappa').toggleClass('close'); 
     } 
    }); 

}); 

、私はあなたのCSSやHTMLのいずれかを見ていないので、私はあなたがopenとcloseクラスを使用しているかを正確にはわからないが、それだけに多くの意味をなすかもしれないと表示されます要素にそのクラスがあるかどうかによって、openクラスを追加して削除します。次のようなものがあります。

$(document).click(function() { 
    if ($('.grappa').hasClass('open')) 
    { 
      $('.grappa').removeClass('open'); 
    } 
});