2016-12-17 4 views
1

です:ウィンドウのサイズは1025px未満である場合、私は、「ナビゲーションバー-崩壊BS-ナビゲーションバー - 崩壊の崩壊」にクラス属性を変更したい変更クラスと、ウィンドウの幅は、この私のコード未満1025

<nav class="navbar-collapse bs-navbar-collapse " role="navigation"> 
     <!-- 
      stuff 
     --> 
    </nav> 

。このよう :

<nav class="navbar-collapse bs-navbar-collapse collapse " role="navigation"> 
      <!-- 
       stuff 
      --> 
</nav> 

は、私はそれは私のために働いていたdidntのFiddle

これを試してみました。

+0

正確にはうまくいかなかったのは何ですか?あなたはイベントを正しく登録しなかったか、あなたのcssの何かが台無しになっています。ここにあなたのコードを書いてみてください –

+0

デモは正常に動作しますが、あなたのnavbarとは関係ありません。あなたの特定の問題を代表する[mcve]を提供し、 – charlietfl

+1

はあなたのjsfiddleのように見えます –

答えて

0

JavaScriptを使用してクラスを変更する代わりに、@ mediaセレクタを使用するようにCSSを変更できますか?

@media(max-width:767px){} 
@media(min-width:768px){} 

http://jsfiddle.net/nvmh5bxb/

0

あなたはCSSメディアクエリの試合、すべてのピクセルのサイズ変更にリスニングの代わりに一致しないため、変更をリッスンするmatchMediaイベントリスナーを使用することができます。

matchMedia("(max-width: 1025px)").addListener(evt => 
    $('nav').toggleClass('collapse', evt.matches) 
) 
関連する問題