仅在页面完全加载时显示按钮

Question

我有一个这样的按钮:

<input type="submit" id="product_197_submit_button" class="wpsc_buy_button" name="Buy" value="Add To Cart">

现在的问题是,如果用户在加载所有脚本之前单击按钮 - >我在购物车中出错.有没有办法禁用单击按钮(或将其隐藏显示)UNTIL完整页面加载到用户浏览器？

谢谢,彼得

Answer 1

通过css隐藏它,然后在页面加载时显示它.

CSS

.wpsc_buy_button{
   display:none;
}

JS

$(document).ready(function(){
    $("#product_197_submit_button").show();
});

您可以在默认情况下禁用该按钮,然后在页面加载时启用.试试这个.

标记更改

  <input type="submit" disabled="disabled" id="product_197_submit_button" 
class="wpsc_buy_button" name="Buy" value="Add To Cart">

JS

$(document).ready(function(){
    $("#product_197_submit_button").prop("disabled", false);
});