我有一个像这样的按钮:
<input type="submit" id="product_197_submit_button" class="wpsc_buy_button" name="Buy" value="Add To Cart">
现在的问题是,如果用户在所有脚本加载完成之前点击按钮 -> 我会在购物车中遇到错误。是否有办法在完整页面加载到用户浏览器之前禁用按钮的点击(或将其从显示中隐藏)?
谢谢, 彼得
我有一个像这样的按钮:
<input type="submit" id="product_197_submit_button" class="wpsc_buy_button" name="Buy" value="Add To Cart">
.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);
});
默认情况下禁用按钮,
<input disabled="disabled" type="submit" id="product_197_submit_button"
当您的DOM就绪时,启用它:
$(function() {
$("#product_197_submit_button").prop("disabled", false);
});
$(document).ready(function() {
$('#product_197_submit_button').show();
});
$(document).ready();
,因为它会在文档加载时执行。
$(window).load();
更推荐,因为它会在页面完全加载后执行(包括图像)。
编辑刚刚读到只是关于脚本被加载的问题,在这种情况下使用$(document).read();
是完全可以的。
$("input.wpsc_buy_button").hide(); // unless you can use CSS
$("document").ready(function() {
$("input.wpsc_buy_button").show();
});
$(window).load(function() {
而不是
$("document").ready(function() {
$(".wpsc_buy_button").css('display', 'block');
- ShankarSangoli