javascript - bootstrap 模式与 mixitup 可过滤组合冲突

Question

我的可过滤投资组合有问题。

Mixitup 可过滤组合工作正常，但是当我添加指向 Bootstrap 模式的链接并测试它时，我组合中的所有图像都会缩小到零并获得模式背景。但什么也没显示。

怎么了？

这是该文件夹的链接: http://lmcdesign.dk/filterable_portfolio.zip

Answer 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>

蓝色排序描述

https://github.com/patrickkunka/mixitup/issues/268