×

HOW TO SHOP

1 Login or create new account.
2 Review your order.
3 Payment & FREE shipment

If you still have problems, please let us know, by sending an email to support@website.com . Thank you!

SHOWROOM HOURS

Mon-Fri 9:00AM - 6:00AM
Sat - 9:00AM-5:00PM
Sundays by appointment only!
Вопросы? Email: info@nortsov.vn.ua
  • ТЕХ.ПОДДЕРЖКА

NORTSOV IT BLOG

NORTSOV IT BLOG

Личный блог о разработке сайтов и моих интересах

+38 (068) 21 00 768
Email: info@nortsov.vn.ua

NORTSOV V.A.
21000, Винница, Украина

  • ГЛАВНАЯ
  • БЛОГ
    • NETWORKING
      • CentOS
      • CISCO
      • DirectAdmin
      • DNS Servers
      • NGiNX
    • РАЗРАБОТКА ПО
      • AMP
      • CodeGear Delphi
      • CSS
      • JavaScript
      • Open Cart
      • WordPress
    • Мои увлечения
      • DESTINY 2
    • Другое
  • ПОРТФОЛИО
  • МОЕ РЕЗЮМЕ
  • ИНФОРМАЦИЯ
    • ПРО МЕНЯ
    • МОИ УСЛУГИ
    • ОТЗЫВЫ
    • ФОТО ГАЛЛЕРЕЯ
  • КОНТАКТЫ
ЗАДАТЬВОПРОС
  • Home
  • Блог Айтишника
  • Разработка ПО
  • JavaScript
  • Выровнять блоки по высоте, jQuery скрипт
 

Выровнять блоки по высоте, jQuery скрипт

Выровнять блоки по высоте, jQuery скрипт

by Владимир Норцов / Суббота, 17 ноября 2018 / Опубликовано в JavaScript, Разработка ПО
Как выровнять блоки по высоте, jQuery скрипт

Иногда требуется выровнять блоки в верстке по высоте. Итак что для этого нам надо сделать:

  • Сначала нужно найти самый высокий блок по высоте
  • Далее нужно установить всем блокам найденное максимальное значени высоты

Выравниваем блоки по высоте - jQuery скрипт

$(document).ready(function(){
    $.fn.equivalent = function (){            
        var $blocks = $(this),
            //Записываем в переменную maxH - высоту первого блока в выборке
            maxH    = $blocks.eq(0).height(); 

        //сравниваем высоту каждого блока с максимальной и если больше то переприсваеваем
        $blocks.each(function(){
            maxH = ( $(this).height() > maxH ) ? $(this).height() : maxH;
        });

        //устанавливаем найденное значение высоты для каждого блока выборки
        $blocks.height(maxH); 
    }

    //применяем нашу функцию к элементам выборки - $('.nav')
    $('.nav').equivalent(); 
});
8
  • Tweet
Tagged under: jQuery

ТАК ЖЕ БУДЕТ ИНТЕРЕСНО ПОЧИТАТЬ

WordPress 5.0
Что нового в WordPress 5.0 (как подготовиться к Gutenberg)
Как отключить панель администратора WordPress ?
WordPress add page Excerpt
Шорткоды в виджетах боковой панели WordPress

Поиск

Рубрики

  • NETWORKING
    • CentOS
    • DirectAdmin
    • NGiNX
  • Разработка ПО
    • JavaScript
    • Open Cart
    • WordPress

Новые статьи

  • Конфигурация клиента Proxy

  • NGiNX

    Включаем компрессию SVG gzip в nginx

  • WP-CLI

    Использование WP-CLI doctor сommand для уменьшения размера wp_options autoload

  • Как отключить панель администратора WordPress ?

  • WordPress 5.0

    Что нового в WordPress 5.0 (как подготовиться к Gutenberg)

Популярные статьи

  • Конфигурация клиента Proxy

  • NGiNX

    Включаем компрессию SVG gzip в nginx

  • WP-CLI

    Использование WP-CLI doctor сommand для уменьшения размера wp_options autoload

  • Как отключить панель администратора WordPress ?

  • WordPress 5.0

    Что нового в WordPress 5.0 (как подготовиться к Gutenberg)

КОНТАКТНАЯ ФОРМА

Отправьте ваше сообщение и я свяжусь с вами в ближайшее время !

ИНФОРМАЦИЯ

  • Блог Айтишника
  • Мои услуги
  • Портфолио
  • Про меня
  • Мое резюме
  • Отзывы
  • Фото галлерея

КОНТАКТЫ

Тел.: (068) 21 00 768
Email: info@nortsov.vn.ua

NORTSOV IT BLOG

  • СОЦ. СЕТИ
NORTSOV IT BLOG

© 2017 NORTSOV - IT BLOG. All Rights Reserved.

TOP