这里有一个我最近读到的简洁的解决方案，它对这样的情况非常有效：https://www.fourfront.us/blog/jquery-window-width-and-media-queries
基本上，你可以使用jQuery来测试只适用于特定断点的CSS规则。因此，例如，如果你想在768px处触发一些东西，当你的汉堡包被设置为消失时，你编写了一些使用媒体查询的CSS，你可以这样做：

<h1>Example</h1>

h1 { font-size: 15px; }
@media only screen and (min-width: 768px) {
    h1 { font-size: 30px; }
}

$(window).resize(function(){
    var example = $('h1');
    if (example.css('font-size') == '30px') {
        alert('breakpoint');
    }

});

看看小提琴：http://jsfiddle.net/hq651vjy/2/

与断点无关，但与Google关键字搜索相关：这对我在Bootstrap 4.6.x版上起作用：

$(".navbar-collapse").on("show.bs.collapse", function () {
        alert("hamburger show");
    })
    .on("hide.bs.collapse", function () {
        alert("hamburger hide");
});

如果您只是在寻找断点，则可以侦听resize事件，然后对它执行您希望执行的操作。

$(window).on('resize', function() {
    if($(window).width() == 768) {
     //do something
    console.log('Gotcha!');
    }  
});

如果用户不太快地调整窗口大小，这种解决方案就可以工作。让我知道这是否适合你。