Как определить что navbar уже collapsed в bootstrap?

Question

[Blah Blag]

Как определить что navbar уже collapsed в bootstrap? Скрытие элементов меню и появление "гамбургера" происходит в зависимости от количества элементов меню их длины и т.п.. Мне же нужно менять класс у body сразу после того, как появляется меню гамбургера. Бутсрап 4, но может быть и способ от 3 бута подойдет

Answer 1

[Артур Атнагулов]

Вы хотите ловить событие, когда меню из полоски превращается в гамбургер или когда гамбургер раскрывается и скрывается? Если второй случай, то там у .navbar-collapse добавляется класс in, когда оно раскрыто.

Comments

[Blah Blag]

я хочу поймать момент, где обычное меню превращается в сжатое меню и появляется гамбургер иконка. Никаких раскрытий и закрытий.

[Артур Атнагулов]

Blah Blag: можно залезть в исходники и посмотреть на медиазапросы. Вернее, там все эти значения в переменных хранятся, особо лезть и не придется. И потом по событию $(window).resize() берем ширину и сравниваем ее со значением из исходников. Если меньше, значит гамбургер. Если нет, тогда травиться изделием из Макдональдса не придется пока что)

[Blah Blag]

Артур Атнагулов: бутстрап 4 прячет элементы в зависимости от количества ссылок в навигации. Если ссылок 10, то он сожмет его при разрешении 1000 с копейками пикселей. Если ссылок 4-5 то 500-600 пикселей. Поэтому это вызывает у меня сложности

[Артур Атнагулов]

Blah Blag: уау! Наконец-то появилась мотивация глянуть 4 бутстрап) Тогда не знаю, как быть. Считать ссылки что ли по событию resize..)

Answer 2

[Макс]

Так ведь можно же ловить эвенты нужного колапсного блока и хранить состояние в какой-то переменной:

var menuIsOpen = fasle;

$('#myColapsedMenu').on('shown.bs.collapse', function () {
  menuIsOpen = true;
})