相关疑难解决方法(0)

朋友您好我正在尝试根据浏览器窗口分辨率动态添加类.这是我试图使用的代码,但需要帮助调整它,因为我根本不知道jQuery.

我想要实现的选项是:

一旦访问者访问我的网站,此代码必须检查他的浏览器窗口大小,并按照以下规则将类添加到正文

1. 如果窗口大小超过 1024px 但小于 1280px,则添加类.w1280.

2. 如果窗口大小超过 1280px 但小于 1440px,则添加类.w1440.

3. 如果窗口大小超过 1440px 但小于 1280px,则添加类.w1680.

4. 如果窗口大小超过 1680px,则添加类.wLarge.

为此,我尝试使用以下脚本.我的问题是:

1. 这是正确的代码吗？如果不是什么是正确的代码？

2. 这是最短的代码吗？如果不是正确的代码是什么？

请帮助,因为我对jQuery的了解几乎是零.

function checkWindowSize() {  
    if ( $(window).width() > 1024) { 
        $('body').addClass('w1280');  
        } else {  
        $('body').removeClass('w1280');  
    } 
    if ( $(window).width() > 1280 ) { 
        $('body').addClass('w1440');  
        } else {  
        $('body').removeClass('w1440');  
    } 
    if ( $(window).width() > 1440) { 
        $('body').addClass('w1680');  
        } else {  
        $('body').removeClass('w1680');  
    } 
    if ( $(window).width() …