在响应式导航崩溃启动时引发JavaScript事件

Question

当响应式设计的'nav collapse'功能启动时，如何调用JavaScript函数？

具体来说，我正在查看this Bootstrap示例。调整浏览器窗口大小将打开/关闭它。我确定它在Bootstrap的JS中用于检查浏览器的大小。

我是否有一种简单的方法可以执行$(window).resize(x);这样的功能，并在该功能中检查崩溃是否已经发生？

Answer 1

看起来使用了css media queries。

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

如果你想在JS中做一些事情，请在javascript中监听窗口调整大小事件，并在相同情况下做任何你喜欢的事情：

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

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

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

但是，就像@ user1721135所提到的那样，你的例子只使用了css，这就是那种情况下所需的全部内容。

This会让你入门。