問題タブ [jquery-isotope]

固定幅の外部コンテナで Isotope (または Masonry) を使用する方法を見つけることができませんでした。

それは常にサイズ変更を主張します。オプション、コード、グーグル、ここを調べましたが、答えが見つかりませんでした。

それは可能ですか？

私はiPadの写真アプリと同様のギャラリーで遊んでいます。サムネイルはきちんと積み重ねられており、クリック（タッチ）するとグリッドレイアウトで飛び出します。別のスタックをクリックしたときに1つのギャラリー/スタックがすでに開いている場合は、次のセットがアニメーション化される前に、写真が元の位置に積み重なるはずです。

ここではIsotopeのようなものが役立つと思いますが、それ自体の上書きを停止させるのに非常に苦労しています。また、「表紙の画像」からサムネイルが飛び出しているように見せることもできません。

これまでに入手したものの簡略版をJSFiddleに配置しました。

どんな助けでも大歓迎です。私はここで少し頭を抱えているような気がします:)

私の質問は、サムネイルが「カバー画像」から飛び出しているように見せるためにどうすればよいですか？

私の同位体コンテナでは、コンテナに新しいアイテムを挿入するたびに...最初はコンテナの左上に表示され（最初のアイテムの位置に）、次に本来あるべき場所に移動してアニメーション化します種類に基づいて移動します。

これは私がやりたいことの例です: http://jsfiddle.net/aaaairc/H4ZMV/5/。その例でわかるように、新しいアイテムは、コンテナー内で取ろうとしている位置からズームインします。

私はまだjsfiddleでローカルに見ている問題を再現できませんでしたが、誰かが最初の提案を持っているか、私のjsfiddleの例で実際に挿入が機能を拡大できるようになっていることを指摘してくれると思いました。それはただのデフォルトですか？CSSに関連する何か？

また、これが関連しているかどうかはわかりませんが、私のアイソトープ インスタンスまたはすべての jpg のコンテナ アイテムです。

コラージュ形式 (複数の画像サイズ) で画像のグループを作成しようとしています。

作成されると、それらはすべて Isotope を介して整列します (このように)。

次に、それらが整列したら、ホバー時に他のものを邪魔にならないように移動し（ホバーされた画像のサイズを大きくするためにサイズを変更します）、より多くの情報を表示します。

現在、私は非常に近づいていますが、Isotope スクリプトでは、画像のサイズを変更するのではなく、コンテナーのサイズを変更できます。

要約すると、画像のサイズ変更に困惑しています。

私が探しているものの例。

そして、これが私のこれまでの JSFiddle です。

助けてくれてありがとう！

ウィスコンシンバジャーズの新しい殿堂を開発中です。私のベータ版はhttp://www.uwbadgers.com/athletic-dept/hall-fame-beta.htmlで見ることができます

私の質問は、検索機能を使用するときに、表示されている要素を一番上に表示するにはどうすればよいかということです。正しい要素を表示し、display:none を使用して他の要素を非表示にします。ただし、検索後に要素を再配置することはなく、display:none 要素は依然としてスペースを占有します。

同位体が使用する「-webkit-transform」スタイルに関係しています。これを変更するにはどうすればよいですか、またはアイソトープを使用して検索するより良い方法はありますか?

同位体だけでそれを行う方法が思いつかなかったので、検索にhttp://lomalogue.com/jquery/quicksearch/を使用しています。

論理的に恵まれている方に質問です。isotopeを使用しています。これは、他の素晴らしいものの中でも、このようなコードを介したデータのアニメーションフィルタリングを行う、悪いjqueryモザイクツールです...

複数のセレクターに対して AND を実行することもできます...

...クラスalkali またはクラスを持つものは何でもalkaline-earth選択されます。

alkalai 「論理 AND」(別名「論理積」) をフィルター処理して、両方のAND alkaline-earthクラスが存在する要素のみを表示する方法を探しています。

私はこのstackoverflowの答えを見つけました... jQuery属性セレクター内で論理ORと論理ANDを組み合わせるにはどうすればよいですか? ...しかし、同位体にはおそらくフィルターパラメーターでより具体的なものが必要です。

何か案は？

私は初めてjQueryIsotopeプラグインを使用していて、結果のいくつかが本当に気に入っていますが、「組み合わせフィルター」を「並べ替え」オプションで機能させるのに少し問題があります。

単一のフィルターと並べ替えを一緒に使用しましたが、並べ替え関数を組み合わせフィルターで機能させることができません。

私のスクリプトは次のようになります、

そして、私のソートコードは次のようになります。

これは、私が単一のフィルターで使用していたソートコードです。誰かが私を助けたり、正しい方向に向けたりできますか？私はjQueryの専門家ではありませんが、学習しながら学習しようとしているので、助けていただければ幸いです。

ありがとう

クリス

アイテムのグリッドがあるページがあります。これらの各項目は、4 つの div のいずれかにドラッグして、その div に追加できます。これは、ドラッグ可能/ドロップ可能な jQuery および JQuery UI を使用して行われます。

最初の同位体アイテムは、任意の div にドラッグできます。ただし、2 番目と 3 番目の同位体アイテムは最初のドロップ可能な div を認識しませんが、2 番目のドロップ可能な div にドラッグすると、最初のドロップ可能な div に追加されます。

4 番目と 5 番目のドラッグ可能なアイテム (アイソトープ) は、1 番目または 2 番目のドロップ可能な div を認識しませんが、3 番目のドロップ可能なアイテムにドラッグすると、2 番目のドロップ可能なアイテムに追加されます。

そのため、どういうわけか、アイテムがどこにドロップされているかについて、ドロッパブルが混乱しています。

次のコードをコメント アウトすると、ドラッグ アンド ドロップが正しく機能します。このコードがドロップ可能な領域に影響を与える理由についてのアイデアはありますか??

- - - - - - - - アップデート - - - - - - - - -

これをもう少しいじった後、ドラッグの開始時に同位体を「破壊」することを追加することにしました。

この方法で実行すると、アイテムが正しいコンテナーにドロップされます。

同位体のドキュメントには、それらは「削除」機能であると記載されていますが、これには 2 つの問題があります。

1) ドキュメントには、「Isotope ウィジェットと DOM から指定されたアイテム要素を削除する」と記載されていますが、ウィジェットまたは DOM からアイテムを削除したくありません。同位体機能を削除したいだけです。

2) 「初期化前に isotope のメソッドを呼び出せません。メソッド remove を呼び出そうとしました」というエラーが表示されますが、この場合、同位体は初期化されましたが、クローンされたオブジェクトではない可能性があります?? 私は学びたいと思っていますが、これは私の能力を超えています。

このエラーを修正する 1 つの方法を見つけたので、ドラッグ時にアイソトープを破棄し、ドラッグが完了した後、またはアイテムを手放した後にアイソトープを再初期化することができましたが、それは非効率的です。

jQueryアイソトープを使用しています。すべて問題ありませんが、フィルタリングに問題があります。複数のカテゴリを使用したいのですが、5つのチェックボックスがあり、同時に使用することはできません。私に何ができる？

例

私のアイテム=a、b、c、d、e、f、g、h

カテゴリ=x（a、b、e）y（c、h）z（d、f、g）

xとzのチェックボックスを選択すると、a、b、e、d、f、gのみが表示されます。

しかし、私はそれを行うことはできません。どのようにできるのか ？

私はこの質問に対する答えを探し求めてきましたが、今のところ運がありません。私はjQueryやJavascriptの知識がないので、簡単な答えになるかもしれないことに頭を悩ませています。

jQuery Isotopeをダウンロードし、ギャラリーとして使用する予定です。別のボックスがクリックされたときに現在の展開されたボックスを自動的に閉じることは可能ですか？前のボックスを元のサイズに戻しますか？ボックスをクリックすると展開し、次に別のボックスをクリックすると展開し、最初のボックスは展開されたままになります。

前もって感謝します、

DB