js 监听窗口宽度变化

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/liu709127859/article/details/82377435

if ($(window).width() < 1200) {

$("nav.header_menu").attr("class", "mobile_header_menu");

$("div.header_menu").attr("class", "mobile_header_user");

$("button.menu").click(function () {

$(".mobile_header_menu").toggleClass("active");

$(".circle.menu").toggleClass("active");

$(this).toggleClass("active");

$("button.user").toggleClass("hide")

});

$("button.user").click(function () {

$(".mobile_header_user").toggleClass("active");

$(".circle.user").toggleClass("active");

$(this).toggleClass("active");

$("button.menu").toggleClass("hide")

});

$("button.user,button.menu").toggle(function () {

$("body").css("overflow", "hidden")

}, function () {

$("body").attr("style", "")

});

jQuery(function () {

$("nav .sub-menu").before('<span class="menu_btn"></span>');

$("span.menu_btn").click(function () {

$(this).toggleClass("active");

$(this).siblings(".sub-menu").toggleClass("active")

})

})

};