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

Question

I want to hide the button before the page fully loads.

Through .css I would add this:

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

From my understanding, I would need to add JS/jQuery code with this.

Answer 1

Yeah you can wait until the document is ready/loaded. You might also consider disabling it so it does not work. 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" />