当响应导航崩溃开始时引发JavaScript事件

Raising a JavaScript event when a responsive nav collapse kicks in

本文关键字：JavaScript 事件 开始时 响应 导航 崩溃      更新时间：2023-09-26

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

具体来说，我看的是这个Bootstrap示例。调整浏览器窗口的大小将打开/关闭它。我确信它在Bootstrap的JS中检查浏览器的大小。

有没有一种简单的方法可以让我做一些类似$(window).resize(x);的事情，并在该函数中检查崩溃是否发生？

看起来使用了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，这就是在这种情况下所需要的全部内容。

这会让你开始。

相关文章：