【问题标题】:bootstrap modal conflicts with mixitup filterable portfolio引导模式与 mixitup 可过滤投资组合冲突
【发布时间】:2017-02-23 11:14:31
【问题描述】:

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

Mixitup 可过滤投资组合运行良好,但是当我添加一个引导模式的链接并对其进行测试时,我投资组合中的所有图像都缩小到零并获得模式背景。但什么都没有显示。

怎么了?

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

【问题讨论】:

    标签: javascript jquery twitter-bootstrap modal-dialog mixitup


    【解决方案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

    【讨论】:

      猜你喜欢
      • 2017-11-28
      • 1970-01-01
      • 2015-05-06
      • 1970-01-01
      • 2012-12-21
      • 2018-01-23
      • 1970-01-01
      • 1970-01-01
      • 2018-04-10
      相关资源
      最近更新 更多