javascript - Bootstrap 导航栏垂直到水平或反之亦然。事件触发

Question

Bootstrap 具有其默认的导航栏模块，该模块具有垂直和水平类，并根据屏幕分辨率进行操作(对于移动设备和小屏幕尺寸，它变得紧凑/垂直)。

检查这个Link .将屏幕调整为小尺寸

现在我想在发生这种情况时得到通知。换句话说，我想要一个事件处理程序，以便在代码中我知道这是什么时候发生的。是否有任何预定义的事件处理例程，或者我是否会有自定义代码。Jquery 或 javascript 都可以

编辑:只是把这个东西加起来。我正在寻找一种通用解决方案，即使未使用此默认宽度值(宽度:767 像素)。

Answer 1

可以在窗口的width属性上观察

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

767px 是移动设备的 bootstrap 最大宽度