来自 JQuery 的 .addClass 不起作用答案

【问题标题】：.addClass from JQuery not working来自 JQuery 的 .addClass 不起作用
【发布时间】：2015-09-25 10:18:27
【问题描述】：

我得到了这段运行良好的代码：

$(window).resize(function() {
    if ($(window).width() >= 1024) {
        $("tbody button").addClass( "btn-lg" );
        $("tbody button").removeClass( "btn-sm" );
    } else if ($(window).width() <= 768) {
        $("tbody button").removeClass( "btn-lg" );
        $("tbody button").addClass( "btn-sm" );
    } else {
        $("tbody button").removeClass( "btn-lg" );
        $("tbody button").removeClass( "btn-sm" );
    }
});

但是当我打开文档时这不起作用，因为我没有做任何调整大小，所以我添加了这个：

$(document).ready(function() {
    if ($(window).width() >= 1024) 
        $("tbody button").addClass( "btn-lg" );
    else if ($(window).width() <= 768)
        $("tbody button").addClass( "btn-sm" );
});

但不知何故它不起作用，我插入了一个 console.log 以查看代码是否到达 if 内部，确实是，但不知何故它没有添加类。

有什么建议吗？

【问题讨论】：

相关的html好吗？
也许您在某个地方的 javascript for 中创建表格内的按钮，而当代码第一次运行时它们不存在？尝试打印出$("tbody button").length 以查看正在设置的内容。
确实是朋友，谢谢
您可能需要在 $("tbody button") 上添加一个“.each”来添加类。
尝试在您的调整大小声明中添加.trigger('resize');？

标签： jquery addclass

【解决方案1】：

一种可能的替代方法是将按钮包装在visible-lg div 中，而不是使用javascript。示例：

<div class="visible-lg">
    <button class="btn btn-lg"></button>
</div>
<div class="visible-md">
    <button class="btn"></button>
</div>
<div class="visible-sm">
    <button class="btn btn-sm"></button>
</div>

【讨论】：