我有一组断点，我想在每次传递一个事件时触发一个事件。目前，我正在使用$(document).resize(function(){})，但是这不符合我的CSS断点我是否使用匹配window，document或任何其他选择。
有什么方法可以仅检测何时通过媒体查询吗？这是我当前的代码：
$( window ).resize(
function() {
if( $(window).width() < 500 ) {
$(window).trigger("breakpoint-sm");
}
if( $(window).width() < 900 ) {
$(window).trigger("breakpoint-md");
}
}
);
$(window).on(
"breakpoint-md", function() {
if($(window).width() < 900) {
// this happens when below medium screen size
alert( "breakpoint reached" );
}
}
);@media screen and (max-width: 500px) {
/* do mobile things */
}
@media screen and (max-width: 900px) {
/* do mobile things */
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> …