問題タブ [mixitup]

MixItUp jQuery プラグインを試していますが、CSS を正しく機能させるのに苦労しています。、パーセンテージベースの幅、および固定の高さを持つ 5 つdivの があります。要素display: inline-block内のテキストが折り返されて行数が異なる場合は常に、折り返されていないs が折り返されているものよりも低く表示されます。pdiv

この場合、MixItUp プラグインの使用自体が問題になるとは思いませんが、問題がある可能性があります。

http://jsfiddle.net/don01001100/8p80njxa/を参照してください。結果領域を拡大および縮小してみてください。

ありがとう！

編集: スクリーンショットと、問題を示す基本的な CSS を含む静的 HTML コードをいくつか追加しました。基本的にボックスは常に縦に並べて配置したいのですが、コンテンツが折り返されると、ボックスがずれてしまいます。

HTML

JavaScript

以下

ページを縮小した結果

基本的な CSS を使用した静的 HTML コード

MixItUp を使用して、AJAX コールバック メソッドで動的に作成されたデータをフィルタリングしようとしています。それぞれ 1 つ以上のフィルターを持つ 10 個のセクションがあります。私が直面している問題は、あるセクションのフィルターをクリックすると、他のすべてのセクションのデータが非表示になることです。DOM を確認したところ、何も表示せずにブロックするオーバーライドが行われていません。フィルタ値はすべて一意です。

上記のコードは AJAX コールバック関数で記述されており、クリック イベントが parseFilter 関数を起動して連結に達し、outputString には正しいフィルター名が含まれているだけで、他のすべてのセクション タイルが隠されているため、混乱します。

誰でも私を助けることができますか？グーグルで理解した限りでは、 data-filter を1つの値で設定し、フィルタリングされた要素のクラス名と同じ値を与える必要があります。また、ノックアウトを使用してデータをバインドしています

フィルタリング可能なポートフォリオに mixitup を使用しています

ここにデモのプレビューがあります -リンク

mixitup オプションは次のとおりです。

うーん、コンテンツの動きをもっとスムーズにしたい。画像が少ない場合、#portfolio-container の下にあるすべてのものが一番上に押し出されるため、スムーズなアニメーションが表示されません。

だから私の質問は、それをよりスムーズにする方法は?

例を次に示します。グリッド内の画像が少ない場合、フッターは滑らかに上に押し出されます。

mixitupを使用しました。次のように mixitup ディレクティブを作成しました。

私のコードはこのデモに似ています。

私の問題は、多くのタブがあり、そのうちの 1 つをクリックすると、別のページにリダイレクトされることです。ページに戻るとmixitup、すべての DOM 要素が非表示になっています。

1. ディレクティブのどこが間違っていますか?
2. 異なるページ間で切り替えたときに、すべての DOM 要素を表示するにはどうすればよいですか?

私の mixitup では、基本的なフィルターを実行していますが、フィルター ボタンの 1 つをクリックすると、フィルターされた項目が表示され、1 秒後に表示されなくなります。firebug を見ると、これらのアイテムのコンテナーに「fail」クラスが追加されていることがわかります。しかし、それがどのようなエラーなのかわかりません。

codepen: http://codepen.io/anon/pen/PPOgwr

フィルター ボタンの HTML は次のとおりです。

コンテナは次のとおりです。

JS コード:

あなたの助けが必要です