为什么没有用于处理网格系统断点事件或菜单折叠(又名981px)的引导程序支持?可能有官方建议使用jquery $(window).resize或者我可能只是想念一些东西?
答案 0 :(得分:1)
有关菜单折叠事件,请参阅Dropdown Events
上的Bootstrap文档要回答"网格系统断点事件",如果要求在不同的mediaquerys处于活动状态时处理事件,有一种方法可以执行此操作。它是使用Window.matchMedia()函数。 Window.meadiawatch tutorial有一个很好的教程。以下是教程的一部分,展示了如何执行此操作。
//建立媒体检查 width600Check = window.matchMedia("(min-width:600px)"), height500Check = window.matchMedia("(min-height:500px)"), portraitOrientationCheck = window.matchMedia("(orientation:portrait)");
// 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;
}
点击Browser Compatibility查看浏览器支持。