Question

我得到了这段完美无瑕的代码：

$(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 并且实际上它是，但不知何故它没有添加类。

有什么建议吗？

Answer 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>

来自JQuery的.addClass不起作用

1 个答案: