jquery - 可以将此脚本与媒体查询一起使用吗？

Question

我正在使用 Bootstrap 3，我想知道我是否可以使用这个脚本:

    //Closes nav dropdown when clicking logo
    $(document).ready(function () {
    $(".navbar-brand").click(function(event) {
    $(".navbar-collapse").collapse('hide');
    });
    });

使用此媒体查询 @media(max-width:767px) {}。

理想情况下，我希望脚本在多个浏览器中工作，并且仅当浏览器为 767 像素或更小时，与 css 同时触发。任何帮助将不胜感激，谢谢!

Answer 1

您可以将其转换为 window.innerWidth。尝试(未测试):

$(document).ready(function () {
if ( $(window).innerWidth() < 767){
$(".navbar-brand").click(function(event) {
$(".navbar-collapse").collapse('hide');
});
}});