Как инициировать в JQuery функцию на блоке при загрузке документа?

Question

[twentytvvo]

вся сложность в том что в качестве блока, на котором проводятся изменения будет множество блоков, по этому что бы изменения были для каждого блока индивидуально, я использую this, НО, как инициировать фукнцию, но не по клику, а по загрузке документа.

//Неудачный пример
$('slider slide').ready(function () {
var imgSource = $(this).attr('src');
$(this).attr('css','background: url('+ imgSource +');');
});

Comments

[Максим]

document.ready а не slider ready

Answer 1

[Spartak (Web-StyleStudio)]

Можно такой вариант применить

$(document).ready(function () {
	$(".slider .slide").each(function() {
		$(this).attr("css", "background: url(" + $(this).attr("src") + ");");
	});
});

Answer 2

[Stalker_RED]

Событие DOMContentLoaded происходит, когда весь HTML-код был получен и распарсен браузером.
Оно-же представлено в jQuery как $(document).ready с одним дополнительным удобством - если вы подпишетесь на событие DOMContentLoaded ПОСЛЕ того как оно произошло, то оно никогда не наступит. А код в jQuery.ready сработает и в этом случае.

Метод window.onload или событие load объекта window сработает когда весь HTML-код, а также все стили, изображения, и прочий медиаконтент будет загружен.

Также, отдельные события load есть у изображений img и у некоторых других медиа-элементов.

А того что вы написали в "неудачном примере" просто не существует.

Comments

[twentytvvo]

Я догадывался о том что такого не существует. А есть ли способ подобное реализовать?

[Stalker_RED]

twentytvvo, можно вставить js сразу после блока слайдера. Типа

<div class="slider" id="s1">...</div>
<script>runFoo('s1')</script>

и он выполнится сразу, не дожидаясь загрузки всей страницы. Но если вы рассчитываете таким образом что-то ускорить - тщательно протестируйте. Скорее всего это только замедлит загрузку страницы из-за лишних reflow/repaint.

Быстрее всего сработает если вы впишете style="background: url ..." сразу при сформировании разметки.
Ну или можно так: