Question

我试图删除<a>上的某个类，当有人访问小于700像素的设备上的网站时，下面的代码在我的浏览器大于700像素时工作，我将其调整到700以下但是如果浏览器已经像电话一样低于700px，那么该课程仍然存在。

提前致谢。

$(function(){
        $(window).bind("resize",function(){
            console.log($(this).width())
            if($(this).width() <700){
            $('a').removeClass('element')
            }
            else{
            $('a').addClass('element')
            }
        })
        })

Answer 1

您需要在加载页面时手动触发事件

$(function () {
    $(window).resize(function () {
        console.log($(this).width())
        if ($(this).width() < 700) {
            $('a').removeClass('element')
        } else {
            $('a').addClass('element')
        }
    }).resize();//trigger the event manually when the page is loaded
})

Answer 2

您可以尝试：

$(document).ready(function(e) {
    dothis();
});

$(window).resize(function(e) {
    dothis();
});

function dothis(){

    console.log($(window).width());

    if($(window).width() < 700){
        $('a').removeClass('element');
    } else {
        $('a').addClass('element');
    }
}

在dothis()上运行document ready功能，以便在页面加载时运行。

浏览器加载宽度小于700px时删除类

2 个答案: