同位素过滤器函数为元素项返回 0
Isotope filter function returning 0 for Element Item
我正在使用 Isotope 的 vanilla JS 版本来创建一个像这样的过滤器函数
isotope.arrange({
filter: function(element) {
console.log(element)
但是,为变量元素返回的值是 0,而不是像我本地机器上那样的 HTMLElement。
预先记录 isotope.getItemElements() 时,它 returns 所有项目,所以我知道它已被正确实例化。
任何帮助将不胜感激
所以我认为文档不正确 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 过滤器函数有两个参数,它的第二个参数是 returns 元素,例如上面的代码其实应该是
iso.arrange({
// item element provided as argument
filter: function( itemElem1, itemElem2 ) {
var number = itemElem2.querySelector('.number').innerText;
return parseInt( number, 10 ) > 50;
}
});
我正在使用 Isotope 的 vanilla JS 版本来创建一个像这样的过滤器函数
isotope.arrange({
filter: function(element) {
console.log(element)
但是,为变量元素返回的值是 0,而不是像我本地机器上那样的 HTMLElement。
预先记录 isotope.getItemElements() 时,它 returns 所有项目,所以我知道它已被正确实例化。
任何帮助将不胜感激
所以我认为文档不正确 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 过滤器函数有两个参数,它的第二个参数是 returns 元素,例如上面的代码其实应该是
iso.arrange({
// item element provided as argument
filter: function( itemElem1, itemElem2 ) {
var number = itemElem2.querySelector('.number').innerText;
return parseInt( number, 10 ) > 50;
}
});