2017-02-23 4 views
-1

フィルタリング可能なポートフォリオに問題があります。ブートストラップモーダルとmixitupのフィルタリング可能なポートフォリオとの競合

フィルタリング可能なMixitupポートフォリオは正常ですが、ブートストラップモードへのリンクを追加してテストすると、ポートフォリオ内のすべての画像がゼロに縮小され、モーダルバックグラウンドが取得されます。しかし、何も表示されません。

何が間違っていますか?ここで

は、フォルダへのリンクです: http://lmcdesign.dk/filterable_portfolio.zip

答えて

1

私も、私はMixitフィルタを使用し、その中にブートストラップモーダルを開こうとした個人的なプロジェクトに取り組んでいます。私は同じ隠された要素の問題を持っています 私は公式のgitの解決策を見つけました。

Bootstrapは、内部で属性データトグルを使用します。これはMixItUpを妨害します。

MixItUpコントロールを制限するセレクタを指定するには、selectors.control設定オプションを使用します。これは、などのクラス名や属性することができ

mixitup(container, { 
selectors: { 
    control: '[data-mixitup-control]' 
} 

}

<button type="button" data-mixitup-control data-filter=".red">Red</button> 

ブルー ソートDESC

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

関連する問題