Загрузочные модальные конфликты с фильтруемым портфелем mixitup
У меня проблемы с моим фильтруемым портфелем.
Фильтруемый портфель Mixitup работает нормально, но когда я добавляю ссылку на модальный загрузчик и проверяю ее, все мои изображения в моем портфолио уменьшаются до нуля и получают модальный фон. Но ничего не показывает.
В чем дело?
Вот ссылка на папку: http://lmcdesign.dk/filterable_portfolio.zip
1 ответ
Я также работаю над личным проектом, в котором я использовал фильтр Mixit и внутри него пытался открыть модальный Bootstrap. Я получил ту же проблему со скрытыми элементами, которую нашел в официальном git.
Bootstrap использует атрибут data-toggle для внутреннего использования, что мешает MixItUp.
Используйте параметр конфигурации selectors.control, чтобы указать дополнительный селектор, с помощью которого можно ограничивать элементы управления MixItUp. Это может быть имя класса или атрибут и т. Д.
mixitup(container, {
selectors: {
control: '[data-mixitup-control]'
}
}
<button type="button" data-mixitup-control data-filter=".red">Red</button>
Blue Sort Desc