为什么没有用于处理网格系统断点事件的引导程序支持



为什么没有引导程序支持处理网格系统断点事件或菜单崩溃(又名981px)?可能有官方建议使用jquery$(window).resize,或者我只是错过了什么?

有关菜单折叠事件,请参阅Dropdown events 上的Bootstrap文档

要回答"网格系统断点事件",如果您要求在不同的媒体查询处于活动状态时处理事件,那么有一种方法可以做到这一点。它将使用Window.matchMedia()函数。Window.meadiawatch教程中有一个很好的教程。下面是教程的一部分,展示了如何做到这一点。

//建立介质检查width600Check=window.matchMedia("(最小宽度:600px)"),height500Check=window.matchMedia("(最小高度:500px)"),portraitOrientationCheck=window.matchMedia("(方位:肖像)");

// Add listeners for detecting changes
width600Check.addListener(setWidthValue);
height500Check.addListener(setHeightValue);
portraitOrientationCheck.addListener(setOrientationValue);
function setWidthValue (mediaQueryList) {
    width600.innerHTML = mediaQueryList.media;
}
function setHeightValue (mediaQueryList) {
    height500.innerHTML = mediaQueryList.matches;
}
function setOrientationValue (mediaQueryList) {
    portraitOrientation.innerHTML = mediaQueryList.matches;
}

单击浏览器兼容性查看浏览器支持。

最新更新