jQuery Isotope库如何将选择项移动到第一位置？

Question

我在我的网站上使用jQuery Isotope，并且我有一个页面，其中有一些链接。当点击其中一个链接时，它会重新排列Isotope项，使得被点击的链接所对应的div被重新排序到第一位置。我找不到任何关于这个的例子，希望有人可以帮助一下。

谢谢， C

编辑：

这是我目前的代码： jsfiddle

$('.button').click(function(){
  var sortName = $('#container .active');
  $('#container').isotope({ sortBy : sortName });
});

我已经在JS面板中注释了我想要做的事情。我认为这还远远不够，但我正在努力。我觉得我可能走错了方向。也许我应该使用data-something=""代替。如果您有更好的想法，请告诉我。

此外，我需要它们保持原来的位置（除了选定的项）。所以如果选择了6，则为6123457，或者如果选择了3，则为3124567。先前选择的项目将返回到其原始位置。

- Cybercampbell

---

请发布您的标记、CSS和JavaScript。最好还附带一个JSFiddle。 - Ejaz

Answer 1

我fork了你的fiddle。检查一下看是否符合你的期望。基本上我所做的是放弃对这些项目进行排序的想法，因为如果我正确理解了你的意图，你只需要将一个div放在另一个前面。当你重新排列时，我不确定其他项目会发生什么，所以我把它们留在了最后的位置。

编辑： 我猜我误读了问题或那天没有喝足够的咖啡。我已经更新了fiddle，以更好地匹配你描述的内容。

- guessimtoolate

---

谢谢@guessimtoolate - 对于排序来说，那是非常准确的，谢谢。抱歉我没有清楚表达其他项目，但实际上我需要它们保持原来的位置（除了选定的项目）。所以如果选择了6，它将变成6123457，或者如果选择了3，它将变成3124567，这可能吗？再次感谢，C - Cybercampbell

我回到了你最初的想法，并实现了排序，因为这比我原本认为会做的剪切和粘贴方法更容易。我的意思是说，它应该可以通过一些数组操作来完成，但排序确实更容易做到。我添加了一个更新后的 fiddle，与你的描述相匹配。 - guessimtoolate