我目前正在尝试使用David DeSandro的Isotope jQuery插件:我正在向容器中动态添加项目。
我还使用the technique used in this fiddle对容器左上角的点击项进行排序。
我的同位素项目应包含一些文字。单击此文本中的链接,另一个项目应排序并放置在右上角,而不是单击的项目。
我怎么能在一个项目中创建链接<a href="...
以触发另一个项目左上角的排序,知道这些项目是动态添加的?
非常感谢您的回答,并感谢David De Sandro的工作;一旦我能做到这一点,我肯定会获得商业许可证......
答案 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)