使用同位素搜索过滤器

时间:2020-06-16 07:32:22

标签: jquery jquery-isotope

默认情况下,可以使用同位素搜索过滤器搜索.grid中的任何内容。如果.grid中有一个我不想被搜索的文本怎么办。例如,div的类是.nosearch。

我有一支笔:https://codepen.io/ableslayer/pen/rNxMJQG 和这段代码:

<div class="grid">
  <div class="element-item transition metal " data-category="transition">
    <h3 class="name">Mercury</h3>
    <div class="nosearch">Don't search here.</div>
    <p class="symbol">Hg</p>
    <p class="number">80</p>
    <p class="weight">200.59</p>
  </div>
</div>

jQuery:

// init Isotope
var $grid = $('.grid').isotope({
  itemSelector: '.element-item',
  layoutMode: 'fitRows',
  filter: function() {
    return qsRegex ? $('.grid').not(".nosearch").text().match( qsRegex ) : true;
  }
});

但是该代码不起作用。

0 个答案:

没有答案