Question

我正在使用同位素的香草JS版本来创建这样的过滤器功能

isotope.arrange({
    filter: function(element) {
        console.log(element)

但是，变量元素返回的值为0，而不是本地计算机上的HTMLElement。

事先记录isotope.getItemElements（）时，它将返回所有项目，因此我知道它已正确实例化。

任何帮助将不胜感激

测试用例：https://codepen.io/matthewattanasio/pen/qBOjeMr

Answer 1

所以我认为文档不正确https://isotope.metafizzy.co/filtering.html#functions指出以下内容

iso.arrange({
  // item element provided as argument
  filter: function( itemElem ) {
    var number = itemElem.querySelector('.number').innerText;
    return parseInt( number, 10 ) > 50;
  }
});

但是在我的测试用例https://codepen.io/matthewattanasio/pen/qBOjeMr中，filter函数有两个参数，第二个参数返回元素，例如上面的代码实际上应该是

iso.arrange({
  // item element provided as argument
  filter: function( itemElem1, itemElem2 ) {
    var number = itemElem2.querySelector('.number').innerText;
    return parseInt( number, 10 ) > 50;
  }
});

同位素过滤器函数为元素项返回0

1 个答案: