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

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);
});

Answer 2

默认情况下禁用该按钮，

<input disabled="disabled" type="submit" id="product_197_submit_button" 

然后在你的dom准备就绪时启用它：

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

Answer 3

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

Answer 4

$("input.wpsc_buy_button").hide(); // unless you can use CSS
$("document").ready(function() {
    $("input.wpsc_buy_button").show();
});

如果您想等待所有图片加载而不仅仅是使用DOM

$(window).load(function() {

rahtner比

$("document").ready(function() {

Answer 5

在这种情况下不要使用$(document).ready();，因为在加载文档时正在执行此操作。 更推荐$(window).load();，因为在页面完全加载（包括图像）时正在执行。

编辑只是看到它只是关于加载的脚本，在这种情况下使用$(document).read();

是完全正常的