Почему не срабатывает функция при загрузке страницы?

Question

[Max Shteklya]

Есть скрипт центрирования блока.
Почему при загрузке страницы блок сразу не центрируется, только когда я меняю размер страницы (функция resize) он стает по центру. (центрируется в средине блока, всё правильно)

<script>
$(function() {
	$(window).resize(function(){
		$('.intro_text').css({
			position:'absolute',
			left: ( $(".intro").width() - $('.intro_text').outerWidth() )/2,
			top: ( $(".intro").height() - $('.intro_text').outerHeight() )/2
		});		
	});
	
	$(window).resize();
});
</script>
<div id='mask'></div>
<section class='intro'>
	
</section>
<div class='intro_text'>Hi, I'm demo 1</div>

Comments

[Ди Ма]

Разве не как-то так должно быть?

$(document).ready(function () {
   $(window).resize( ...
   ...
});

Answer 1

[AlexRAV]

Вам нужно этот же обработчик добавить на событие 'ready' у document. $(document).ready(function(){...})

Comments

[AlexRAV]

Немного не дочитал ваш код, вы хочете сразу вызвать событие ресайза. Делается это вроде бы так $(window).trigger('resize')