кнопку дисплея, когда страница загружается полностью

Question

У меня есть кнопка, как это:

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

Теперь дело в том, что если пользователь нажмет кнопку до загрузки все скрипты -> Я получаю сообщение об ошибке в корзине. Есть ли способ отключить нажатие на кнопку (или скрыть ее от отображения). Полная страница UNTIL загружается в браузер пользователей?

Спасибо, Peter

Answer 1

Скрыть это через CSS, а затем показать его, когда страница загружается.

Css

.wpsc_buy_button{ 
    display:none; 
} 

JS

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

Alernatively вы можете отключить кнопку по умолчанию, а затем включить в загрузке страницы. Попробуй это.

изменение Markup

<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

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

Answer 3

$("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 4

Отключить кнопку по умолчанию,

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

, а затем включен, когда ваш дом готов:

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

Answer 5

Не используйте $(document).ready(); в этом случае, потому что который выполняется при загрузке документа. $(window).load(); более рекомендуется, поскольку это выполняется при полной загрузке страницы (включая изображения).

EDIT Просто прочитал, что это только скрипты загружаются, что в данном случае это совершенно нормально использовать $(document).read();