Javascript 用同位素标记而不是隐藏项目

在使用jQuery过滤内容时，是否可以以某种方式避免隐藏项

我要寻找的解决方案是让所有元素保持在同位素容器中的位置，同时在点击按钮后以某种方式标记几个元素——重要的是始终显示容器中的所有元素

我知道同位素提供了排序，但我不确定排序是否可行

---

我可能只是使用普通的老javascript/jQuery来选择和添加一个类或更改所需的项

所以，答案是，你不需要使用同位素。同位素可以制作一个很棒的布局，你可以保留它，但是你可以用一些简单的老javascript/jQuery来扩充它

同位素的过滤其实并不神奇。虽然您可以提供选择器：

$container.isotope({ filter: '.show-these' });

您可以轻松地使用任何类型的javascript/jQuery创建自己的集合：

$items = $('.show-these');
$container.isotope({ filter: $items });

这是一个很好的技巧，如果你想在将来做一些高级过滤

要标记某些项目，您可以忘记同位素过滤部分，对任何项目执行任何您想要的操作。对于标记，如果您使用jQuery，添加类可能是一个好主意：

// HTML
<div class="buttons">
  <a href='#' data-highlight=".popular">Most Popular</a>
...

// Isotopoe Items
<ul>
  <li class="popular">Item #1</li>
...

// JS
$('.buttons').on('click', 'a', function () {
  var $this = $(this),
    category = $this.data('highlight');

  $(category).addClass('highlighted');
});

您所需要做的就是为您想要在上面的代码中添加highligh的任何类添加一些css

此外，上面的代码只是一种方式，您可能需要一些逻辑来选择和取消选择，或者您可能希望它们像单选按钮一样工作

这将为您指明正确的方向，如果您需要更多帮助，请告诉我