jquery-isotope

2熱

1答えて

私はjQuery MasonryとIsotopeプラグインの両方を試しましたが、私が望むレイアウトを達成できないようです。両方のプラグインは、前の行の要素の高さに基づいて「次の空き領域」を計算しているように見えます。たとえば：第4位の高さは＃2（私はそれがどこへ行きたいか）の高さよりも小さいので、この例の項目＃6では、右端に行きます。私が達成したいレイアウトは、左浮動要素に似ている：このレ

0熱

1答えて

jquery-isotopeフィルタ

アイソトープで項目をフィルタリングしようとしています。これらの項目は異なるdiv内にありますが、何らかの理由で最初のdivでのみ機能します。ここに私のコードは次のとおりです。 <div id="articles"> <div class="article-wrap"> <div class="article cat-1"></div> <div class="ar

3熱

2答えて

jquery同位体 - ソート、レイアウト、複数のフィルタ

ソート、レイアウトボタン、および複数のフィルタを含むページを作成しようとしています。アイソトープのホームページは良い例ですが、そこには1つのフィルターしかありません。そのページを使用して、一緒に機能するフィルタを追加する方法（色とサイズ、一緒に作業するのではなく、一度に1つ）を理解することはできません。以下はコードです...別のフィルターを追加するには？ <div class="option-co

2熱

1答えて

jQueryアイソトープコーナースタンプの問題

私のプロジェクトでawsome JQuery Isotopeプラグインを使い始めました。すべて素晴らしいですが、私はcorner-stapmオプションで1つの問題があります。私のマスコットグリッドの各要素は、幅（220px + 5マージン）とランダムな高さ（内容によって異なります）とCSSファイルの@mediaクエリを使用して別の画面解像度で列番号を変更しています230、460、690など）。コ

0熱

1答えて

コールバック関数のための場所を見つける

私は自分のコードをどこに置いてサイズ変更と再配置ができるのかわかりません。私はどこにコールバックを挿入するために見つける必要があり、これが唯一のビットは、私が見てしなければならないとのコールバック関数が $.Isotope.prototype._getCenteredMasonryColumns = function() { this.width = this.element.width

1熱

1答えて

私は<a href="http://isotope.metafizzy.co/docs/options.html#onlayout" rel="nofollow">http://isotope.metafizzy.co/docs/options.html#onlayout</a>を使用してい

onLayout同位体で関数を呼び出すと、それはこのことを言う/定義：「似コールバックに、onLayoutは、同位体のインスタンスがレイアウトロジックを通るたびに、後にトリガーされる関数であります" 「レイアウト」は終了したときに、私はこの実行できることを意味し $('#container').isotope({ onLayout: function($elems) { //

2熱

1答えて

Isotopeの複数のインスタンスがページにありますか？

アイソトープをページ上で複数回使用することはできますか。つまり、さまざまなデータセットに異なるファイラーセットを使用できますか？コードでは変更できない "#options"などの特定のIDを使用する必要があるようです。これを達成するには、コードにどのような変更を加える必要がありますか？

4熱

1答えて

jQueryアイソトープでサイズを変更した後、要素を同じ位置に保ちます

jQuery Isotope pluginをofficial "Elements Complete" Isotope demoと同様に使用する予定です。どの要素をクリックしても大きくなります。デモでは、要素が展開されると、通常、右下に展開されます（つまり、左上隅に固定されます）。しかし、右端の2つの列にある要素をクリックします。右に展開する余地がないため、左に浮かびます。理想的には、私のアプリ

1熱

3答えて

jQueryセレクタを使用してjQuery同位体アイテムをフィルタリングする方法（検索）

私はjQuery Isotopeで遊んでいて、要素検索を実装したいと考えています。ときにユーザーがテキストボックスに、私はこのようなフィルタオプションを変更します。 var newFilter = '[data-myAttr*="' + $('#mySearchBox').val() + '"]'; $('#myIsotopeContainer').isotope({filter: newFil

3熱

2答えて

Jquery同位体 - 拡張可能な.itemのクリック可能なコンテンツ

私はjQueryの新機能ですが、基本的な考え方はわかります。今私は現在、アイソトープ（流体/反応性レイアウト）を使って簡単なページを開発しており、その中の内容にFancyboxをうまく統合することができました。しかし問題は、アイソトープのボックス内の画像リンクをクリックしようとするたびに、クリックするたびにボックスが拡大されると仮定すると、ボックスは元のサイズに戻り、画像は上に重ねて表示されます全