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

时间:2012-08-09 17:06:46

标签: jquery jquery-isotope

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

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

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

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

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

2 个答案:

答案 0 :(得分:0)

根据我的评论,如果我理解你(?),你点击元素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 - 那个被归类的人。选择在左上角排序。

答案 1 :(得分:0)

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

  

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

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