2017-02-02 2 views
0

ページ・タイトルが表示され、ドロップダウン・メニュー・ボタンがクリックされた場合、ページ・タイトルを非表示にするこのコードがあります。Jquery - .on( "<auto close>")

$('.site-overlay-toggle .btn').on("click", function(){ 

    if ($(".page-title").is(':visible')) { 
     $(".page-title").hide(); 
    } else { 
     $(".page-title").show(); 
    } 

}); 

これがある限り、ドロップダウンメニューがで手動で開いをクリックして閉じクリックとして動作します。同じページのメニューでアンカーリンクをクリックすると、ページは正しいセクションまでスクロールし、ドロップダウンメニューはとなり、自動的に閉じるとなります。ただし、このコードは実行されません。

メニューが自動的に閉じられた場合、私が検出できる方法はありますか?

答えて

2

アンカーのイベントでは、jQuery $('.site-overlay-toggle .btn').trigger('click')を使用できます。

0

あなたはこの

<button type="btn btn-navbar" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".nav-collapse" aria-expanded="false"> <span class="icon-bar"></span> 

コードは、メニューが閉じているときのようロークうか。このようなメニューを持っている場合。メニューが閉じている場合flaseされている場合はtrueを得るため

しかし、メニューが開いコードは、この

<button type="btn btn-navbar" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse" aria-expanded="true"> <span class="icon-bar"></span> 

ですから、関数が(「崩壊」).is使用することができますか.hasClassのように見えるであれば(「崩壊」)あなたはアトリエの状態を取得することはできません。

http://api.jquery.com/is/