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

标签 javascript jquery twitter-bootstrap modal-dialog mixitup

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

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>

蓝色 排序描述

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

关于javascript - bootstrap 模式与 mixitup 可过滤组合冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42414168/

相关文章:

javascript - 当用户滚动时,粘性导航栏重新出现

jquery - Angular ng-hide'ing 对于动画来说太快了

javascript - fallback.io 不适用于脚本

javascript - 从带有 post 的函数返回值

javascript - html 5 canvas - 获取图像的颜色,然后使用该颜色更改像素

javascript - 热可观察值何时发出第一个值?

使用 jQuery 的 Javascript 高效搜索数组值

JQuery - 按特定顺序向元素添加效果

javascript - 如何实现ladda-bootstrap按钮加载动画?

html - 位置 : relative does what I want, 除了它不会到达底部而是执行位置 : absolute doesn't center it?