Это можно использовать для выравнивания адаптивных блоков для каталога.
|
1 2 3 4 5 6 7 8 9 10 11 12 |
// срабатывает после загрузки всех элементов, аналог реди. jQuery(window).load(function () { // манипуляции с готовой страницей //если меньше 750 пикселов- то отключаем выравнивание if (jQuery(window).width() >= '750'){ //выравнивание по высоте всех стразу пицц, роллов и других jQuery('.proluct_list_with_fon , .proluct_list , .news_list').each(function(i,elem) { var obj=jQuery(this).find(".row>div .thumbnail"); setEqualHeight(obj); }); } }); //of Load !!! не добавлять функции от реди!!! |
а вот сама функция выравнивания элементов каталога по высоте.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
function setEqualHeight(columns) { var tallestcolumn = 0; columns.each( function() { currentHeight = jQuery(this).height(); if(currentHeight > tallestcolumn) { tallestcolumn = currentHeight; } } ); columns.height(tallestcolumn); } |
Она срабатывает после срабаватывания load
Итог. В коде появляются 2 конструкции
|
1 2 3 4 5 6 7 |
jQuery(document).ready(function(){ //после загрузки скриптов }); jQuery(window).load(function () { // после загрузки изображений }); |
