Javascript 调整窗口大小时删除特定类

调整web浏览器的大小时，我正在尝试从div中删除一个类。。例如，在移动设备上

我想影响的线是

<div class="tab-pane active" id="visitors">

但这似乎不起作用？

删除事件名称之间的逗号（

，

），它们应该仅用空格分隔

还请注意，无需使用

addClass（“”）

，函数名是多余的，因为它是一个匿名函数，您可以使用

toggleClass（）

简化逻辑，并在多次调整窗口大小时自动添加/删除类。试试这个：

$(window).on('load resize', function() {
    $(".tab-pane").toggleClass("active", $(window).width() >= 600);
});

调整上述示例中右下角窗格的大小，以查看代码是否正常工作。

删除事件名称之间的逗号（

，

）-它们应仅用空格分隔

还请注意，无需使用

addClass（“”）

，函数名是多余的，因为它是一个匿名函数，您可以使用

toggleClass（）

简化逻辑，并在多次调整窗口大小时自动添加/删除类。试试这个：

$(window).on('load resize', function() {
    $(".tab-pane").toggleClass("active", $(window).width() >= 600);
});

---

调整上面示例中右下角窗格的大小，以查看代码是否正常工作。

我认为这是正确的，请检查此处

$（窗口）.on（'load resize'，function（））{
var viewportWidth=$（窗口）.width（）；
如果（视口宽度<600）{
$（“.tab窗格”）.removeClass（“活动”）；
}否则{
$（“.tab窗格”）.addClass（“活动”）；
}
});
.active{color:red；}

A.
A.
A.
A.
a
我想它是对的，检查这里


$（窗口）.on（'load resize'，function（））{
var viewportWidth=$（窗口）.width（）；
如果（视口宽度<600）{
$（“.tab窗格”）.removeClass（“活动”）；
}否则{
$（“.tab窗格”）.addClass（“活动”）；
}
});
.active{color:red；}

A.
A.
A.
A.
a
删除
，
从
加载，调整大小
您不应该使用
$（窗口）检查wiewport宽度。width（）
，请参阅更好的选择：删除
，
从
加载，调整大小
您不应该使用
$（窗口）检查wiewport宽度。width（）
，请参阅更好的选择：一次you@Satpal ;) ... 虽然你的评论有很多投票权。。。“我应该担心我的名声吗？”罗里姆克罗桑，不，这只是个玩笑。我们开发者可以玩得很开心sometime@Satpal只有一会儿compiling@RoryMcCrossanjavascript开发人员很难找到乐趣…：）一败涂地you@Satpal ;) ... 虽然你的评论有很多投票权。。。“我应该担心我的名声吗？”罗里姆克罗桑，不，这只是个玩笑。我们开发者可以玩得很开心sometime@Satpal只有一会儿compiling@RoryMcCrossanjavascript开发人员很难找到乐趣…：）