Почему jQuery код не срабатывает при первом заходе на страничку?

Question

[Djus1]

Есть страничка, на которой присутствует код:

jQuery("#desc_block").each(function() {

var jQueryminHeight = 280;

if ( jQuery(this).height() > jQueryminHeight) {
	jQuery(this).css("display","block");
	jQuery('#desc_block > div').addClass("product-about__description-content_state_collapsed");
	jQuery(this).append('<div class="opener" id="opener" style="font-size:16px;"><span>Читать полностью</span></div>');
}
});
jQuery("#opener").click(function(){
	jQuery(".product-about__description-content_state_collapsed").css("max-height","none");
	jQuery(".product-about__description-content_state_collapsed").removeClass();
	jQuery(this).remove();
});

Он добавляет кнопку "Читать полностью" в конце описания товара


Почему-то, если открыть вкладку инкогнито, то при первом заходе код не срабатывает, но если перегрузить страничку, всё будет хорошо отображаться.

По какой причине это так? Вот страничка: клик, блок с описанием.

Answer 1

[Spartak (Web-StyleStudio)]

Потому что js скрипт мог уже загрузится, а контент ещё нет, или наоборот

$(document).ready(function() {
	var jQueryminHeight = 280;

	$("#desc_block").each(function() {
		if ($(this).height() > jQueryminHeight) {
			$(this).show();
			$('#desc_block > div').addClass("product-about__description-content_state_collapsed");
			$(this).append('<div class="opener" id="opener" style="font-size:16px;"><span>Читать полностью</span></div>');
		}
	});

	$("#opener").click(function(){
		$(".product-about__description-content_state_collapsed").css("max-height","none").removeClass();
	});
})

Comments

[Djus1]

Ты мой спаситель :*