我的可过滤投资组合有问题。
Mixitup 可过滤组合工作正常,但是当我添加指向 Bootstrap 模式的链接并测试它时,我组合中的所有图像都会缩小到零并获得模式背景。但什么也没显示。
怎么了?
这是该文件夹的链接: http://lmcdesign.dk/filterable_portfolio.zip
最佳答案
我还在开发一个个人项目,其中我使用 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>
蓝色 排序描述
关于javascript - bootstrap 模式与 mixitup 可过滤组合冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42414168/