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

时间:2015-03-23 20:52:09

标签: twitter-bootstrap twitter-bootstrap-3

为什么没有用于处理网格系统断点事件或菜单折叠(又名981px)的引导程序支持?可能有官方建议使用jquery $(window).resize或者我可能只是想念一些东西?

1 个答案:

答案 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查看浏览器支持。