ブートストラップnavbarは水平から垂直に、またはその逆も可能です。イベントトリガー

Question

ブートストラップには、縦と横のクラスを持ち、画面の解像度に対して操作されるデフォルトのナビゲーションモジュールがあります（モバイルと小型の画面サイズでコンパクト/垂直になります）。

これをチェックするLink。画面を小さなサイズに変更する

これが発生したときに通知を受けたいと思います。言い換えれば、このイベントハンドラが必要なので、コードではいつ起きたのか分かります。そこには定義済みのイベント処理ルーチンがありますか、それともカスタムコードがありますか？ ただ、この事のアップを追加： のjQueryやJavaScriptの両方が

編集罰金です。私は包括的な解決策を探していますが、デフォルトの幅の値が使用されていない場合でも（width：767px）

Answer 1

あなたは、ウィンドウの幅プロパティ

$(window).resize(function() { 
    if($(window).width() < 768){ 
    //do something 
    } 
}); 

767pxで見ることができます。これは、実際に興味深い質問ですモバイル

Answer 2

のためのブートストラップの最大幅です。ブートストラップのナビゲーションバーへのスタイルの変更はCSSで行われるため、選択肢はかなり制限されています（jQueryやJS関数のスタイルを強制的に変更するのではなく）。

理論的にはリスナーをスタイル属性の変更「スタイル」属性に変異オブザーバを使用してのサポートは、これらの日はかなり良いです。あなたの場合CanIuse Mutation Observers

SOMEDOMITEM.addEventListener('DOMAttrModified', function(e){ 
    if (e.attrName == 'style') { 
    //check how the style has changed and respond appropriately 
    } 

しかし、最も簡単な方法は、ナビゲーションバーのトリガれるブートストラップブレークポイントの横幅を確認することであること（依存しますこれをオーバーライドして768pxでトリガします）、ブレークポイントに応答するJS APIを使用します。Like Enquire JS

enquire.register("screen and (max-width: 767px)", { 
    match : function() { 
      //Do something 
    }, 
    unmatch : function() { 
      //undo something 
    } 
}); 

ブラウザの幅の変更を聞くのとは逆の利点があります。登録されたブレークポイントは、CSSと同じ形式です。