問題タブ [jquery-isotope]

IsotopejqueryプラグインのDavidDeSandroをカスタマイズしようとしていますが、どこにも行きません。

カスタムレイアウトのヘッダーとしてカテゴリ名を追加しようとしています：カテゴリ行

David DeSandroのWebサイトのカスタムレイアウトへのリンクは次のとおりです：http： //isotope.metafizzy.co/v1/custom-layout-modes/category-rows.html

したがって、例とまったく同じようにしたいのですが、対応する行の上に各カテゴリの名前を付けてください。

アイソトープでも可能ですか？

貴重な時間をありがとうございました！

jquery isotope プラグイン (および無限スクロール) + fitvids.js をレイアウトで使用しています。ほとんどの場合は機能しましたが、問題は無限スクロールでロードされたページに含まれるビデオにあります.

最初のページの動画 #1 と #2 のサイズが変更されています

無限スクロール プラグインをロードした 2 番目のページの Vid #3 が無視されている

私のコード:

だから私はjquery同位体で遊んでいて、2つのオプションを1つのボタンに結合しようとしています

結果をフィルタリングするリンクのセットが1つあり、他のリンクのセットはレイアウトモードを変更します。フィルタリングだけでなく、レイアウトを変更するためのリンクをフィルタリングしたいと考えています。

私がデフォルトから変更しているレイアウトモードである背骨のドキュメントをここに示します。

1つはフィルターに設定され、もう1つはlayoutModeに設定されているため、問題はdata-option-keyにあると思います。異なる種類のdata-option-valueを持つ2つの異なるdata-option-keyを使用することは可能ですか?

スクリプトが続くhtmlは次のとおりです。

正しい方向への微調整に感謝します

ありがとう

編集：リンクがクリックされたときにjqueryを使用してコンテナのサイズを変更するという別のアプローチも試しています。しかし、これには独自の問題があります。サイズを変更することはできますが、フィルターが変更された場合、画像はコンテナー内に保持されません。代わりに、もう一度クリックするまで、新しく形成された小さなコンテナーの外側に残され、収まるように内側に再配置されます。とても近い！

私がこれをしようとしていたコード:

だから私はjqueryアイソトープで遊んでいます。

フィルタリングするデータオプションキーが1つあります。

レイアウトを変更するためのdata-option-keyが1つあります。

これらのリンクを組み合わせて、2つの異なるdata-option-keysを持ち、内部に異なる種類のdata-option-valuesを含める方法はありますか。（私が使用している標準スクリプトは、アイソトープのWebサイトにあります）

ありそうもないようですが、一見の価値があります！

ありがとう

多くの元素があり、同位体が完全に機能するとします。

これで、ユーザーが要素内のリンクの 1 つで「画像を表示」をクリックすると、要素に画像が表示されます。問題は...同位体はこれを自動的に考慮せず、画像がその下の要素と「重なる」ことです。

これを修正するにはどうすればよいですか?

展開された上部要素のためのスペースを空けるために、下部要素を自動的に下に移動したいと思います。

要素リストの中央に要素を追加しようとしています。

jQuery with insertAftermethodを使用して追加し、を適用してみisotope('reLayout')ました。ただし、これは実際には機能しません。

jsfiddle

それを機能させる方法はありますか？ありがとう

このページでは、jQuery Isotope プラグインを使用して、アーティストをフェスティバルのラインナップにレイアウトしています。アーティストを公演日順にソートしてほしい。指示に従い、Isotope オプション オブジェクトにプロパティを追加sortByしました。Isotope コンテナを作成するgetSortDateコード ( 内) は次のとおりです。common.js

ご覧のとおり、アーティストは公演日順ではありません。並べ替え関数をデバッグし、次の値が返されることを確認しました

• ボブ (4 月 15 日) => 1334444400000
• ボブ・マーリー (4 月 20 日) => 1334876400000
• ボブ・ディラン (4 月 26 日) => 1335394800000

したがって、アーティストは上記の順序で表示されます。興味深いことに、並べ替え関数を、アーティストを名前のアルファベット順に並べ替える関数に置き換えると、たとえば、

次に、並べ替え関数によって返された値と同じ順序でアーティストが表示されます。名前順のソートは機能するのに、公演日順のソートが機能しないのはなぜですか?

私は、同位体を持つ人々のリストを、彼らがしている仕事と、その仕事と場所内のタイプのサブカテゴリの両方に基づいてフィルタリングしたいと考えています. トップレベルのカテゴリに基づいて、ユーザーがセカンダリ カテゴリを使用してフィルタリングできるようにしたいと考えています。カテゴリは次のようになります。

トップレベルのカテゴリ

二次レベルのカテゴリ:

したがって、誰かが次のようにタグ付けされる可能性があります:オフィス ワーカー、秘書、西 または:労働者、解体、北

人物とフィルターのコード例を次に示します。

私が望む機能は、最上位の職種 (任意、オフィス、労働、医療) と場所が常に表示されることですが、二次的な職種のフィルターは最初は表示されません。ユーザーが「オフィス ワーカー」をクリックすると、アイソトープはオフィス ワーカーのみを表示するように並べ替えられ、適切なオフィス関連の二次フィルター (任意、秘書、中間レベル、重役) が表示されます。その後、ユーザーはこれらの二次ジョブ タイプを使用してさらにフィルタリングできます。これを機能させることができます。

しかし、ユーザーが別のトップレベルのジョブ カテゴリをクリックすると、問題が発生します。たとえば、ユーザーが「オフィス ワーカー」と「秘書」をクリックしたとします。ここで、ユーザーはすべての労働者を見たいと思っています。ユーザーが「労働者」をクリックすると、セカンダリ オフィスのジョブ タイプ フィルター「秘書」がまだアクティブであるため、ユーザーには結果が表示されません。私が実現したいのは、「労働者」の職種のすべての人が表示されるように、オフィスの職種フィルターがフィルタリングを失うことです (非アクティブになるか、「任意」にデフォルト設定されます)。次に、ユーザーは第 2 レベルの労働者のジョブ タイプでフィルター処理できます。

これが私が現在使用しているアイソトープjqueryです。

これにより、組み合わせフィルタリングが実行され、対応するトップレベルのジョブ カテゴリが選択された場合にのみ、第 2 レベルのジョブ タイプが表示されます。しかし、二次レベルのフィルターが選択された後に新しいトップレベルのジョブ カテゴリが選択されると、二次レベルの「任意の」フィルター処理に戻らず、間違ったトップレベルのジョブ カテゴリのフィルター処理が維持されます。そのため、同位体フィルタリングに結果が表示されません。また、すべての二次レベルのジョブ タイプを 1 つの並べ替えセットに入れてみました。これにより、「任意」が 1 つだけになり、ユーザーがそれをクリックすると、選択したトップレベルの職種に適合するすべての結果が表示されます。ただし、自動的に「任意」に戻らないため、2 次レベルのフィルターが 3 つのグループに分割されている場合よりも優れているとは言えません。

これを希望どおりに機能させるにはどうすればよいですか？

このコードでは; $.get('sites.xml', function (d) {そしてその下に、 $(d).find('site').each(function () { xml ファイルを参照します。RSS フィードを参照するにはどうすればよいですか?

下から上に石積みである同位体のカスタムレイアウトを見た人はいますか？ここに示されているように、元のMasonryプラグインではそれほど複雑ではありません。

jQuery組積造を下から上に

ただし、このメソッドを、縮小されていないアイソトープの組積造レイアウトに変換するのは困難です。任意の提案をいただければ幸いです。