隐藏对象直到页面完全加载

Question

我想在页面完全加载之前隐藏按钮。

通过 .css 我会添加这个：

.checkout-button {
    display: none!important;
}

根据我的理解，我需要为此添加 JS/jQuery 代码。

Answer 1

是的，您可以等到文档准备好/加载完毕。 您也可以考虑禁用它，使其不起作用。 https://learn.jquery.com/using-jquery-core/document-ready/

 $(document).ready(function(){ $('#id1').removeAttr('disabled'); $('#id1').removeClass('checkout-button'); });

 .checkout-button { display: none!important; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input id="id1" type="submit" disabled="disabled" class="checkout-button" />