jqueryを使用してフレームワークのサイドバイナビ幅を検出する

Question

サイドナビがオープンされていることを検出しようとしています。サイドナビが開いていることが検出されたときに関数を実行することです。 .css画面がモバイルサイズで表示されている場合にのみサイドナビゲーターが表示されます。すべてが正しく動作します。サイズナビが開いているかどうかを検出する必要があります。

<nav> 
    <div class="nav-wrapper"> 
     <a href="#!" class="brand-logo">Logo</a> 
     <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a> 
     <ul class="right hide-on-med-and-down"> 
     <li><a href="sass.html">Sass</a></li> 
     <li><a href="badges.html">Components</a></li> 
     <li><a href="collapsible.html">Javascript</a></li> 
     <li><a href="mobile.html">Mobile</a></li> 
     </ul> 
     <ul class="side-nav" id="mobile-demo"> 
     <li><a href="sass.html">Sass</a></li> 
     <li><a href="badges.html">Components</a></li> 
     <li><a href="collapsible.html">Javascript</a></li> 
     <li><a href="mobile.html">Mobile</a></li> 
     </ul> 
    </div> 
    </nav> 

私のjqueryのは、私はサイドナビゲーションメニューをクリックし、最大発火するにconsole.logを開いたときに、今私は、今の私の目標をconsole.log()をしようとしていますため、以下の通りです。

<script> 


    $(document).ready(function(){ 

     $(".button-collapse").sideNav(); 



    if ($('.side-nav').length > 0) { 

     console.log('side nav is open'); 

     } else { 

     console.log('side nav is close'); 
     } 

    }); 


</script> 

しかし、それは仕事を得ることができないが、任意の提案は、事前に素晴らしいのおかげだろう！

Answer 1

マニュアルに記載されているように、あなただけの

$('.button-collapse').sideNav({ 
     onOpen: function(el) { console.log('side nav is open');}, // A function to be called when sideNav is opened 
     onClose: function(el) { console.log('side nav is close');}, // A function to be called when sideNav is closed 
    } 
);