У меня стоят в ряд блоки(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");
}
}); Оно работает при клике добавляет класс а потом сразу же его удаляет.А мне нужно что бы сначала оно его отфильтровало(все блоки должны стать на свои места) а потом уже удалить класс.
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости