1

私は現在、David DeSandro の Isotope jQuery プラグインを試しています。項目をコンテナーに動的に追加しています。

また、このフィドルで使用されている手法を使用して、クリックされたアイテムをコンテナーの左上に並べ替えています。

マイ アイソトープ アイテムにはテキストが含まれます。このテキスト内のリンクをクリックすると、クリックされたアイテムではなく、別のアイテムがソートされて右上に配置されます。

<a href="...これらのアイテムが動的に追加されることを知っている場合、あるアイテムにリンクを作成して、別のアイテムの左上の並べ替えをトリガーするにはどうすればよいですか?

ご回答ありがとうございます。また、David De Sandro の作品に感謝します。これを達成できたら、すぐに商用ライセンスを確実に取得します...

4

2 に答える 2

0

どうもありがとう、これは私に欠けていたアイデアを与えてくれました(リンクとdivにIDを割り当てます)。作業例は次のとおりです。

http://jsfiddle.net/vpxavier/QRy9W/23/

あとは、ID を動的に追加するだけです。再度、感謝します。

于 2012-08-10T08:07:16.100 に答える
0

私のコメントによると、あなたが正しいことを理解した場合(?)、要素 A をクリックしたリンクは、別の要素 B に .selected クラスを設定する必要があり、次に sortBy を呼び出して要素 B を左上に移動します。つまり、トリガー クリック機能を同位元素 A 全体 (通常の場合) ではなく、その要素 A の内部に含まれるリンクにのみ割り当てる必要があります次に、要素 A は左上に並べ替えられませんが、要素B (そして、E のリンクをクリックすると、P が左上に、G が W を左上に、というように並べ替えられます)。それは始まりかもしれません:

私が理解している限り、次のようにすべての要素間の相互リンクが必要です。

<div id="container">
  <div class="item">A <a href="#" id="element-G">link to element G</a></div>
  <div class="item">B <a href="#" id="element-F">link to element F</a></div>
  <div class="item">C <a href="#" id="element-E">link to element E</a></div>
  ...
  ..
  .
</div>

そして、このフィドルで先に進むことができます.1.アイソトープ要素内のリンクをクリックするだけでアイソトープ要素をソートし、2.アイソトープ要素の別のIDを抽出できます- .selected で分類され、左上にソートされます。

于 2012-08-09T20:51:50.353 に答える