小于750px的视口上的jQuery更改类 [英] jQuery change class on viewport smaller than 750px

问题描述

我有.one类，当您在移动设备上以小于700px的视口查看时，我想将该类更改为.two?

I have class .one, and when you view on mobile, on smaller viewport than 700px, I want change that class to .two ?

那怎么可能，谢谢?

推荐答案

您可以使用调整大小"事件:

You can use the "resize" event :

$( window ).resize(function() {
    if ($(window).width() < 700 ) {
       $('.one').addClass('two').removeClass('one');
    } else {
        $('.two').addClass('one').removeClass('two');
    }
});

这篇关于小于750px的视口上的jQuery更改类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！