0

レスポンシブ デザインの「ナビゲーションの折りたたみ」機能が有効になったときに、JavaScript 関数を呼び出すにはどうすればよいですか?

具体的には、このBootstrap の例を見ています。ブラウザ ウィンドウのサイズを変更すると、オンとオフが切り替わります。ブラウザのサイズをチェックするのは、Bootstrap の JS のどこかにあるはずです。

私が何かを行うことができる簡単な方法はあり$(window).resize(x);ますか?その機能チェックで崩壊が起こったかどうかを確認しますか?

4

1 に答える 1

1

css メディア クエリが使用されているようです。

例えば：@media (min-width: 768px) and (max-width: 979px) { /* do stuff */ }

JavaScript でウィンドウのサイズ変更イベントをリッスンし、JS で何かをしたい場合は、同じ状況で好きなことをしてください。

$(window).on('resize', function(){

    var currentWidth = $(this).width();

    if(currentWidth > 768 && currentWidth < 979){
        //do stuff
    }
});

ただし、@ user1721135 が述べたように、この例では css のみを使用しています。その場合に必要なのはこれだけです。

これで始められます。

于 2013-07-04T22:00:15.003 に答える