Question

我目前正在尝试使用David DeSandro的Isotope jQuery插件：我正在向容器中动态添加项目。

我还使用the technique used in this fiddle对容器左上角的点击项进行排序。

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

我怎么能在一个项目中创建链接<a href="...以触发另一个项目左上角的排序，知道这些项目是动态添加的？

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

Answer 1

根据我的评论，如果我理解你（？），你点击元素A的链接需要在另一个元素B上设置.selected类，然后调用sortBy将元素B移动到左上角。这意味着您应该将触发点击功能不分配给整个Isotope元素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>

然后你可以go forward with this fiddle在那里你可以看到现在你1.只通过点击它们内部的链接来排序同位素元素，然后2.你可以提取另一个同位素元素的id - 那个被归类的人。选择在左上角排序。

Answer 2

非常感谢，这给了我一个缺失的想法（为链接和div分配一个id）。这是工作示例：

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

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

如何在项目中添加链接以在同位素中打开另一个动态添加的项目？

2 个答案: