Фигня с isotope фильтром

178
25 ноября 2018, 06:40

У меня стоят в ряд блоки(display flex).У них стоит параметр flex: 1 0 auto; Что бы все тянулись на высоту самого высокого блока в ряду.Потом я добавил isotop фильтр.В скрипте он добавляет для всеx блоков position : absolute Ну и выходит что flex не срабатывает.И блоки смотрятся некрасиво

Я в самом скрипте версия v3.0.6 поменял absolute на static.Вроде все стало норм но анимация начала криво отображаться. Написал скрипт что при нажатии на любую из кнопок в фильтре добавляется класс с атрибутом position: absolute !important

$( ".button" ).click(function() { $( ".element-item").addClass("filter-absolute"); })

Анимация также начала нормально отображаться.Но после фильтрации flex опять перестал работать.Написал дальше проверку если позиция абсолютна удалить класс filter-absolute.

     if($(".element-item").css('position') === 'absolute'){
  $( ".element-item").removeClass("filter-absolute");
}

И должно работать так : типа нажал на кнопку добавился класс filter-absolute , произошла фильтрация, когда отфильтровало через проверку должен удалятся filter-absolute. Вот только я не знаю куда всунуть эту проверку. Если так сделать тогда ничего не будет работать (ну здесь очевидно почему не работает...)

 $( ".button" ).click(function() {
$( ".element-item").addClass("filter-absolute");
if($(".element-item").css('position') === 'absolute'){
  $( ".element-item").removeClass("filter-absolute");
}

}); Оно работает при клике добавляет класс а потом сразу же его удаляет.А мне нужно что бы сначала оно его отфильтровало(все блоки должны стать на свои места) а потом уже удалить класс.

READ ALSO
Проблема с размер страницы

Проблема с размер страницы

моя проблема заключается в слудующем:при добавлении блока, изменяется высота страницыКак вернуть нормальною высоту страницы? И как удлать...

144
codemirror. подсветка ошибок(lint, анализ кода) в htmlmixed

codemirror. подсветка ошибок(lint, анализ кода) в htmlmixed

Я создаю textarea с такими параметрами:

176
Overflow: auto не работает для дочернего элемента

Overflow: auto не работает для дочернего элемента

Есть вертикальное менюПри его открытии на мобильном устройстве оно не помещается на экран по высоте:

179