根据窗口宽度添加标题类

Question

我想切换标题类，其中断点的窗口宽度小于1000px。但是当我将大小调整为小而不是反之亦然时，它可以正常工作。

这是html的例子：

<header class="header-1">
  ........
</header>

这里的标题类可能是header-1，header-2 ......等等

这里是js代码：

jQuery(window).on('load resize', function(){
    var width = jQuery(window).width();
    var header = jQuery(document).find('header');
    var headerClass = header.attr('class');
    if(width < 1000){
        if( headerClass !== 'header-6' ){
            header.removeClass(headerClass);
            header.addClass('header-xs');
        }else{
            header.removeClass('header-xs').addClass(headerClass);
        }
    }
});

Answer 1

因为在恢复大小时没有恢复状态。恢复 else 条件中的状态：

durable subscribers

Answer 2

尝试使用“容器”div。

此div中的元素将根据分辨率自动调整大小。