1

我目前正在试用 David DeSandro 的 Isotope jQuery 插件:我正在将项目动态添加到容器中。

我还使用了这个小提琴中使用的技术,对容器左上角的点击项进行排序。

我的同位素项目应包含一些文字。单击此文本中的链接,应将另一个项目排序并放置在右上角,而不是单击的项目。

知道这些项目是动态添加的,如何<a href="...在一个项目中创建链接以触发对另一项目左上角的排序?

非常感谢您的回答,非常感谢 David De Sandro 的工作;一旦我能做到这一点,我肯定会尽快获得商业许可证......

4

2 回答 2

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 回答
0

非常感谢,这给了我缺失的想法(为链接和 div 分配一个 ID)。这是工作示例:

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

现在我只需要动态管理添加 ID。再次感谢。

于 2012-08-10T08:07:16.100 回答