我想切换标题类,其中断点的窗口宽度小于1000px。但是当我将大小调整为小而不是反之亦然时,它可以正常工作。
这是html的例子:
<header class="header-1">
........
</header>
这里的标题类可能是header-1
,header-2
......等等
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);
}
}
});
答案 0 :(得分:0)
因为在恢复大小时没有恢复状态。恢复 else 条件中的状态:
durable subscribers
答案 1 :(得分:-1)
尝试使用“容器”div。
此div中的元素将根据分辨率自动调整大小。