×

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
  • SUPPORT

NORTSOV IT BLOG

NORTSOV IT BLOG

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

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

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

  • ГОЛОВНА
  • Портфоліо
  • Моє резюме
  • Про мене
  • Блог Айтішника
    • РОЗРОБКА ПЗ
      • AMP
      • CodeGear Delphi
      • CSS
      • JavaScript
      • Open Cart
      • WordPress
    • NETWORKING
      • CentOS
      • CISCO
      • DirectAdmin
      • NGiNX
      • DNS Servers
    • DESTINY 2
ЗАДАТЬВОПРОС
  • Home
  • Блог Айтішника
  • Розробка ПЗ
  • JavaScript
  • Выровнять блоки по высоте, jQuery скрипт

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

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

by Владимир Норцов / Saturday, 17 November 2018 / Published in JavaScript, Розробка ПЗ

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

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

Выравниваем блоки по высоте - 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

What you can read next

Как отключить панель администратора WordPress ?
WordPress add page Excerpt
Как добавить Excerpts к страницам в WordPress
WP-CLI
WP-CLI v2 – Управление WordPress с терминала

Поиск

Рубрики

  • NETWORKING
    • CentOS
    • DirectAdmin
    • NGiNX
  • Без категорії
  • Розробка ПЗ
    • JavaScript
    • Open Cart
    • WordPress

Новые статьи

  • Установка ImageMagick (Image Manipulation) на RHEL / CentOS и Fedora

  • Temporal API

    Temporal API в JavaScript. Работа с датой

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

  • NGiNX

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

  • WP-CLI

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

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

  • Установка ImageMagick (Image Manipulation) на RHEL / CentOS и Fedora

  • Temporal API

    Temporal API в JavaScript. Работа с датой

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

  • NGiNX

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

  • WP-CLI

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

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

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

ИНФОРМАЦИЯ

  • Блог Айтішника
  • Послуги
  • Портфоліо
  • Про мене
  • Моє резюме
  • Відгуки
  • Фото галлерея

КОНТАКТЫ

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

NORTSOV IT BLOG

  • GET SOCIAL
NORTSOV IT BLOG

© 2017 NORTSOV - IT BLOG. All Rights Reserved.

TOP