Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.11.2014, 18:26
Аспирант
Отправить личное сообщение для al456 Посмотреть профиль Найти все сообщения от al456
 
Регистрация: 20.12.2012
Сообщений: 65

.load() загрузка блока HELP
Помогите разобраться с .load()

В приведенном примере кода document ready отрабатывает,
а .load() - не могу понять, что ему нужно - не выдает сообщение.
P.S. - картинки по 2.4 мБ, чтоб не летало.

Основное - мне нужно отловить событие загрузки блока ( "#product_box_first")

Попробовал заменить на:

$("#product_box_first").on('load', function(){
	$('#control').append('#product_box_first").load');	
});


Ррезультат- тот-же - нет ничего (((((((


<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	</head>

	<body>
		<div class="product_box" id="product_box_first">
				Тескт, и мого всякого-разного
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_01.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_02.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_03.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_04.jpg">
		</div>
		<div class="product_box product_box_next">
				Тескт, и мого всякого-разного
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_05.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_06.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_07.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_08.jpg">
		</div>
		<div class="product_box product_box_next">
				Тескт, и мого всякого-разного
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_09.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_10.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_11.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_12.jpg">
		</div>	
		<div id="control"></div>
	</body>
</html>
<style>

img { height:80px; width:80px; padding:5px;}
</style>
<script>
$(document).ready(function(){
	$('#control').append('<b>$(document).ready()<b><br>');
});

$("#product_box_first").load(function(){
	$('#control').append('#product_box_first").load');	
});

</script>

Последний раз редактировалось al456, 03.11.2014 в 18:43.
Ответить с цитированием
  #2 (permalink)  
Старый 03.11.2014, 20:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

al456,
load надо ставить на картинки в блоке а не на сам блок - считать загрузки картинок
Цитата:
Событие load происходит, когда сам элемент и все его дочерние элементы полностью загружены. Это событие может происходить на элементах, которые обладают полями URL (объект window, картинки, скрипты, фреймы).
Ответить с цитированием
  #3 (permalink)  
Старый 04.11.2014, 00:22
Аспирант
Отправить личное сообщение для al456 Посмотреть профиль Найти все сообщения от al456
 
Регистрация: 20.12.2012
Сообщений: 65

Спасибо, разобрался
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Загрузка блока комментариев facebook Mateus Элементы интерфейса 1 14.11.2013 13:26
Движение по элементам блока без перезапуска функции выпадающеего меню. tutelaris Элементы интерфейса 4 26.04.2013 09:15
вычисление и фиксация ширины блока konstantin-mn jQuery 2 27.08.2012 11:42
слайд панели tadjik1 Элементы интерфейса 22 02.04.2012 17:13
Два блока div разъезжаются при скроллинге окна браузера. call007 jQuery 0 03.04.2011 16:21