問題タブ [quicksand]

ウェブサイトに流砂の編集バージョンがあります。すべてのブラウザ、または少なくともChromeOperaとFirefoxで正しく表示されます。ただし、IEではcssの問題が発生します。私が静的バージョンを使用していたとき、CSSはIEでも正しく表示され、流砂効果を追加しただけでCSSを変更しませんでしたが、すべてのアニメーションはうまく機能しますが、表示が混乱しました..このWebサイトにアクセスしてくださいhttp：// www .jonathansconstruction.com/galleryie.php流砂コードは次のとおりです。

上記のURLにアクセスして、IE 7などを確認してください。また、IEでどのように表示されるかを示すスクリーンショットを掲載しています。http： //i49.tinypic.com/25tj2bl.jpgにアクセスしてください。 IE7と他のブラウザのスクリーンショットは、この質問のコメントにあります：どんな助けでもありがたいです..私はjqueryとそのプラグインに不慣れで、時々構文が私を混乱させます...

基本的に....これを機能させてください... JSFiddle！

3 つの UL 内の項目をフィルタリングするために jQuery プラグインを使用しようとしています。(それぞれ<ul></ul>にリスト アイテムの数に制限はありません。)

私が使用しているプラ​​グインは、以下のリンク ( Quicksand ) にあります (ドキュメントとデモとともに)。

流砂: http://razorjack.net/quicksand/

ドキュメント http://razorjack.net/quicksand/docs-and-demos.html

プラグインは、基本的に my に含まれるアイテムの結果をフィルタリングします<ul></ul>。

私はこれを何度も試みましたが、コンソールエラーや、どこが間違っているのかを指摘するものは何も得られず、なぜ機能しないのかわかりません.

それぞれの下にリスト項目がある 3 つ<ul class="column"></ul>のタグがあります (この場合は 3 つ)。プラグインを使用して、それらすべてをフィルタリング (およびアニメーション化) できるようにする必要があります。

私はあなたが遊ぶための私のコードで- JS Fiddle - も作りました。(流砂は「リソース」として含まれています)。

私のHTMLの基本構造は次のとおりです。

メニュー

フィルタリングするコンテンツ

- レディ: JSFiddle!!

- アップデート -

結局、 Isotopeプラグインを購入して使用することにしました。サイトの例は素晴らしく、必要な効果を得ることができました.
非常にカスタマイズ可能で、必要なものに最適なプラグインです。（これを読んでいるなら、それはおそらくあなたのその後です）。http://isotope.metafizzy.co/
でチェックしてください。

私は、quicksand と jquery を使用してフィルター可能なサイトに取り組んでいます。私はすべてを設定しました（imgsは今のところ一般的です）。画像のグループの上に一連のカテゴリがあり、カテゴリを選択すると、そのカテゴリのプロジェクトのみが表示されます。適切なプロジェクトをフィルタリングして表示しますが、フィルタリングするときに非常に厄介な方法で上下にジャンプします-緩和する必要があります.

リンクはhttp://lllh.dk/filtering/work3.htmlです

HTML の一部:

そしていくつかのcss

そして最後にjs..

どういうわけか、レイアウトの一部がイージングを妨げているようです。トラブルシューティングを試みたところ、画像の上の部分に何か問題があるようです。おそらく txtdiv div. フィルター関数に適用されるものを除くすべての css を削除すると、イージングとフィルター処理は正常に機能します。

ここから元の流砂コードを使用しようとしています

$('#applications') の要素が jQuery を使用してわずかに変更されていることを除いて、すべて正常に動作します (たとえば、一部の div 要素が非表示になり、一部のクラスが交換されました)。clone() を使用すると、元のソース コードを複製することしかできません。

$('#applications') の「ライブ」バージョンを複製する方法はありますか?

並べ替え可能なポートフォリオページに流砂を使用しており、n番目の子を使用して3つおきの要素の左のパディングを削除する必要があります。また、マウスオーバーとマウスアウトの効果を追加する必要があります。これは私が現在持っているものです：

しかし、何が起こるかというと、マウスオーバー/アウトイベントが発生するまでマージンは削除されません。どうすればコードを改善できますか？

私は自分のポートフォリオにjquery流砂を含めようとしています。Firefoxではいつも頭の高さが良いと思います。Chromeブラウザは頭の高さを計算できず、流砂の効果は不十分です。誰でも私を助けることができますか？

デモ：http ：//www.testowa.isterio.pl/test.html

開発中のサイトで Google Web フォントの Quicksand を使用していますが、Windows ブラウザーからページにアクセスすると奇妙なことが起こります。

たとえば、「STOREFRONTS」という単語は次のように出てきます。

何が起こっているのでしょうか？

現在、Wordpress とJquery Quicksandを使用する Web サイトを持っています。

ただし、すべての投稿を同時に表示したくありません。たとえば、6つの投稿を表示してから、ページネーションを作成したいと考えています。そして、それが私が問題を抱えているところです。

投稿のある最初のページにフィルターを設定すると、それらの投稿のみがフィルター処理され、他のページの投稿はフィルター処理されません。このように（tutsplus.comの例）

そして、それはまったく直感的ではありません。フィルター内であるページから別のページに移動できないのは、ユーザーフレンドリーではありません。

これに関するチュートリアルは見つかりませんでしたが、流砂を使用した実用的な例が見つかりました。だからそれは可能です。

だから、誰かが私を助けてくれるのか、それとも実際の例よりも良い解決策があるのだろうかと思っていましたか?

タイトルに ajax を追加した理由は、すべての投稿を複数のリストにロードしてフィルターで表示/非表示にするのではなく、ajax を介して新しい wp_query を実行する方が良いと考えたからです。

複数のフィルターでQuicksandを使用しようとしていますが、すばらしい例を見つけました： http ://www.danieltulp.nl/work/quicksand-multiple.htm

これは次のように機能します：

そしてhtml：

しかし、代わりにhtmlが次のように機能することを望みます。

しかし、JavaScriptコードにどの変更を加えるかはわかりません。

私は自分のサイトでjQuery流砂プラグインを使用していますが、現時点では、その下のフッターがジャンプして、フィルターオプションを変更すると、流砂画像と一緒にスムーズに上に移動しません。

どうすればこれを修正できますか？

コード：

jQuery