jQueryの同位体 - 「グループ」

同位体のプラグインを使用したソートデータは、私が項目をクリックすることで、グループがクリックされた項目の後に同じタイプのアイテムを配置することによって形成されており、仕分けシステムを実現しようとしています。jQueryの同位体 - 「グループ」

同位体のソート/フィルタ機能は、私の最初のアプローチは、DOMが.insertAfterを使用して、「再レイアウト」を発射並べ替えることだったので、この目的のために設計されていないようです。

しかし、初期化後にDOMの順序は、関連すると破壊の短い何もないと再初期化同位体は動作しますが、それは望ましくないスクロール位置がジャンプ原因となるようです。

（参照：http://jsfiddle.net/owenhoskins/r7MgY/10896/）

が再初期化せずにDOM構造に基づいて同位体を更新する方法はありますか？

かは、この目的を達成するために、ソート/フィルタ機能とインタフェースすることが考えられるでしょうか？事前に

おかげで、オーウェン

出典

2011-12-02 Owen Hoskins

私はもっと複雑なソートシステムを使うことができると確信していますが、最終結果を少し良く記述する必要があります。あなたの例では、クリックされる前の要素をソートしないままにしますか？（彼らが同じ色でない限り）何回かクリックした後に、テーブル全体がタイプ別にグループ化されています。あなたが望むのは、あなたのデモとまったく同じですか？ –

コメントありがとうございます。基本的には、グループの要素を「クリックされた」要素の周りに配置したいと考えていますが、他のグループの要素の位置はそのままにしておきます。私のデモのように、最終的な結果は、テーブル全体がタイプ別にグループ化されたものになります。 –

がthisをお試しください：

は、ここであなたが取得したい結果と同様の例です。

出典

2012-06-06 16:48:59 hejhi

おかげ –

は、それはすでにそれをやっていませんか？クリックした項目を青くすると、より明白になりました。http://jsfiddle.net/wkMUr/3/グループの他のすべてのメンバーが同じ順番で表示されている間は、次のように表示されます。探している？ – hejhi

そうですね...！何とかそれを逃した、それはちょうどreLayoutではなく、ちょうどreloadItemsだったと推測するなど、助けてくれてありがとう！ –

あなたはこれを達成するためにさまざまなプラグインを使用することを検討してますか？私の意見では同位体よりもはるかに簡単で、Quick Sand そのfuncionality別持つ要素のコレクションを置き換えるに構成されていますを見てみましょう。ドキュメント内の先頭に追加メソッドを使用すると、私の作品、そしてジャンプしない - の代わりに（フォークフィドル）は Quick sort example

出典

2012-04-27 15:31:18 gahius

クイックサンドがすべてを表示せず、グループ化しているようです。それはグループの一部ではないものを取り除く。そして、私はクイックサンドを使用していませんが、JSとアイソトープの量は約2倍以上です。返信フォークはあなたが説明するように動作しますが、私はアイテムの後に残ったグループ項目を再配置しながら、（.insertAfterでDOMを変更することで）クリックされた項目の位置を維持しようとしていたため – tazboy

jQueryの同位体 - 「グループ」

答えて

関連する問題