問題タブ [jquery-isotope]

コードのクリックイベントに関数を追加しようとしています。ちなみに、これはかなりクールなjQueryツールであるIsotope.jsを使用するためのものです。

したがって、以下のコードは次のように機能します<ul>。火災同位体のデータフィルターリンクをクリックします。<li>これにより、data-filterパラメーターに一致するさまざまなデータがページに表示されます。すべて良い。

しかし、1つのサイズを変更する追加のコードがある<li>ので、任意のクリックで次を起動するためにアイソトープが必要です<li>-アイソトープは石積みを使用する動的なページレイアウトツールです。

これにより、レイアウトプロパティがリセットされ、すべてのアイテム要素がレイアウトされます。参照-isotope.jsリレーアウト

<li>がクリックされたときにリレーアウト関数をトリガーするスクリプト用の別のコードが必要だと思います。

これは私が持っているものです...

私のポートフォリオはhttp://www.visualise.ca/にあり、現在アイソトープを実行する新しいバージョンに取り組んでいます。http://themes.visualise.ca/visualiseで入手できます。

ページ内の投稿をロードする画像のサムネイルをクリックすると、jQuery scrollTo プラグインと次のコードを使用して、ページをアイテム (クリックされた画像のサムネイル) までスクロールしたいと思います。

しかし、テスト後、アイテムの位置は常にコンテナの上:1 左:1 のように見えます (アイテムに 1px の境界線がない場合、これは 0 になります)。また、Firebug を使用してアイテムを検査すると、強調表示された青い線はアイテム自体ではなく、コンテナーの上部:1 左:1 にあります。

したがって、同位体のために、すべてのプラグインがすべての項目が 0,0 (私の場合は余白のため 1,1) にあると考えるようになったのではないかと思います。

正しくスクロールするにはどうすればよいですか?

お時間を割いてご協力いただき、誠にありがとうございました。

私は現在 Isotope を使用して出版物のリストをフィルター処理していますが、フィルターの 2 番目のリストが非常に長いため、文書化された標準のリンク フィルター メソッドを select 要素と組み合わせることができるようにしたいと考えています。

私が苦労しているのは、2 つの異なるタイプの要素を処理し、選択した値を1 つのオプション配列に結合することです。フィルターを互いに独立して機能させることはできますが (以下のコード)、それらは連携して機能する必要があります。2 つの異なるアクション (クリックまたは変更) と 2 つの属性 (class= または value=) を 1 つのオプション配列に結合して、isotop フィルターに渡すにはどうすればよいですか?

Isotope はマークアップに依存しないように設計されているため、理論的には、好きな HTML や JavaScript を使用して実装できます。ここに表示されているフィルタリングを既に実装しています

今私の質問: 同位体を使用することは可能ですか:

はいの場合、誰かが実際の例を持っていますか?

私はアイソトープを使用して、フィルター可能な出版物のライブラリーをセットアップしてきましたが、Firefoxを除くすべてのブラウザーで、私が見る限り正常に機能しています。

ここでjsfiddleを設定しました（明らかにFirefoxで表示して、機能していないことを確認してください！）：http: //jsfiddle.net/bellamystudio/wfz5N/

ファイアバグにはエラーがあることを示すものは何もありません。アイソトープは、アイソトープWebサイト（isotope.metafizzy.co）のFirefoxで正常に機能しているようです。そのため、私が間違ったことを理解しようとしています。誰かが私のコードの問題を見ることができますか？

いつものようにどんな助けでも大歓迎です！

Metafizzy の Isotope JS プラグイン (v2.0.1) を使用して出版物のライブラリをフィルター処理しています。また、複数のフィルター (出版社と業界など) を使用しています。フィルターの組み合わせで結果がゼロになっているかどうかを確認し、対応するメッセージを表示する方法はありますか...「申し訳ありません。一致するアイテムが見つかりませんでした」のようなものです。

ホームページのメニュー レイアウトに Isotope を使用しています。これは私の現在のレイアウトです: cellsByColumn とその設定は次のとおりです:

cellsByColumn : { columnWidth : 50, rowHeight : 50 }

1 つの問題を除いて、これはうまく機能します。並べ替えは上から下です。左から右にソートする方法はありますか？

よろしくお願いします、

トニー。

行のすべての空白を同位体で埋める方法はありますか？

コンテナには、固定幅と3種類のボックス（3幅と固定高さ）があります。私は3つの可能な解決策を見ます：

1. 同位体をリストのさらに下に見て、ボックスを組み合わせる最良の方法を決定して、空白が少なくなり、それらのスペースがすべてコンテナの下部にあるようにします。この場合、さまざまなサイズの十分なボックスが必要です。

2. 一部のボックスのサイズを変更して移動し、行が常にいっぱいになるようにします。

3. コンテナに入れる前にボックスの数とサイズを検出し、一部のボックスのサイズを変更します。これにより、さまざまなサイズがあり、アイソトープの行が少なくなり、空白ができるようになります。

誰かが私を正しい方向に導いてくれることを願っています

ブリックの感性を変える方法はありますか？アイソトープでリストをさらに調べて、最適なものを選択してください。

私は Dave Desandro の完全に素晴らしい Isotope プラグインを使用してプロジェクトを構築していますが、これまでのところ、すべてが順調に進んでいます。ただし、ページの右隅には、コーナー スタンプ機能を使用して、常に特定のものを保持したいと考えています。

コーナー スタンプが表示されますが、他の要素はそれを認識していないようです。これについて何か考えはありますか？jQuery の Isotope 部分は以下で見ることができ、完全なテスト ページはここで見ることができます。どんな助けでも大歓迎です。ありがとうございました！