問題タブ [jquery-isotope]

私は jquery に isotope プラグインを使用しています。これは、静的な html ブロッ​​クの場合にうまく機能します。

しかし、「ロード」を使用してコンテンツを #target にロードすると、アイソトープはそれらを無視します。

助けてください、それは非常に重要です。

クリックするたびに新しい newHeight と newDistance を追加し続けているように見えます。元の高さを上部にグローバル変数で保存し、データを使用してそれを実行しようとしていますが、奇妙な結果が得られます。基本的にはリセットできるはずです以前と同じように newDistance と newHeight を最初の元の値に変更して、クリックでロットを実行しましたが、そうではなく、クリックするたびに新しい値が追加され、結果としてレイアウトが壊れました:

誰？

私が持っているとしましょう

CSS：

HTML：

ラップボックスに適用されたclearfixは、絶対位置の要素が含まれているため機能しません。

したがって、ラップボックスを拡張するには、jQueryを使用してボックスの高さを計算する必要があります。これらのボックスはランダムな高さであるため、高さはわかりません。また、クライアントによって常に生成されるため、ボックスの総数もわかりません。それを解決する一般的なjQueryが必要です。mainWrapを延長しないと、ボックスが切断され、オーバーフローを使用する必要があります。他の理由で非表示になります。

これについて何か助けはありますか？

本当にこれで頭を叩いています。

私はアイソトープhttp://isotope.metafizzy.co/custom-layout-modes/centered-masonry.htmlを使用しています。

#containerが相対的に設定されており、上部のナビゲーションと非表示のサブナビゲーションが付いたヘッドがあります。ナビゲーションのリンクをクリックすると、サブナビゲーションが展開されます。罰金。私はボックスの相対にラッパーを設定しています。これらのボックスは絶対に同位体によって設定されています。

問題は、サブナビゲーションが展開されると、コンテンツは押し下げられますが、ボックスが切り取られることです。#containerはoverflow：hiddenを使用しており、表示することはできません。そうしないと、他の問題が発生します。私は非常に多くの解決策を試しましたが、それを理解することはできません。

サイズ変更と再配置に自分のコードを配置できる場所が見つかりません。コールバックを挿入する場所を見つける必要があります。これは私が見なければならない唯一のビットであり、サイズ変更時にコールバック関数を挿入する場所を見つけることができません。

何か案が？

まずはデモンストレーションをご覧ください。画像ブロックが表示されるまで下にスクロールし、それらの上にカーソルを置きます。日付/カテゴリの行と重複する説明があるものもあります。私の目標は、それを正確に確認することです。

オフセット値を比較することで、あるオブジェクトが別のオブジェクトと重なっているかどうかを簡単に確認できることがわかりました。たとえば、私の場合、最初のオブジェクトは 2 番目のオブジェクトの上にあります。したがって、次のように上部オフセットを比較するだけで済みました。

しかし、私は現在isotope pluginを使用しています。これは石積みのようなグリッドを生成します。オブジェクトのオフセットは、最終的に配置される場所と必ずしも同じではありません。

そのため、ここでは、2 つのオブジェクトが互いにオーバーラップしているかどうか (具体的には、オブジェクト ONE がオブジェクト TWO にオーバーラップしているかどうか) を確認するための安定した方法を見つけるのに苦労しています。

私は自分自身を明確に説明したことを願っています。何か見逃した場合はお知らせください！
100万人ありがとう

私はhttp://isotope.metafizzy.co/docs/options.html#onlayoutを使用していますが、次のように表示されます。

「コールバックと同様に、onLayoutは、Isotopeインスタンスがそのレイアウトロジックを実行するたびにトリガーされる関数です。」

つまり、「レイアウト」が終了したら、これを実行できます。

私は「$elems」を持っていませんが、「onLayout」が終了すると、必要なものを実行できることを理解できます。これを実行したいと思います。

しかし、「（）」内の「$ elems」はどのように、そして何ですか？

ありがとう

1 つのページで Isotope を複数回使用することはできますか?つまり、異なるデータ セットに対して異なるファイラー セットを使用することはできますか?

コードでは、変更できない「#options」などの特定の ID を使用する必要があるようです。

これを実現するには、コードにどのような変更を加える必要がありますか?

jQuery Isotope プラグインを、公式の "Elements Complete" Isotope demoと同様に使用する予定です。このデモでは、任意の要素をクリックすると大きくなります。

デモでは、要素が展開されると、通常は右下に展開されます (つまり、左上隅に固定されます)。ただし、右端の 2 つの列の任意の要素をクリックすると、右に展開する余地がないため、フロートして左に移動します。

理想的には、私のアプリケーションでは、クリックすると右側の要素が左に展開され、ほぼ同じ位置に留まります。

基本的に、 の後に要素の位置を維持するために最適化する方法についての提案を探していreLayoutます。(要素の順序を維持することは、私のアプリケーションでは重要ではありません。)

一連のクリック可能なボックスがあります。ボックスを展開してその画像を非表示にできるようにする必要があります。また、前に開いたものを閉じて、元の高さと定義された幅に戻し、img でフェードバックできるようにする必要もあります。.infoajax コンテンツを読み込む

css、高さがわかりません。

私は試した