Помогите разобраться с .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>