用于过滤图库的 Javascript 拼接

Question

我正在过滤同位素库。单击按钮会添加到称为过滤器的数组中。这是正常工作的，但是当用户单击事件按钮时，我希望从数组中删除过滤的类别。由于某种原因，事实并非如此。

这是特定的代码:

if($(this).hasClass('is-checked') && $(this).not('.all')){
  console.log(filterValue);
  filterGroup.splice($.inArray(filterValue, 1));
  console.log(filterGroup);
  $(this).removeClass('is-checked');
}else if ($(this).hasClass('all')) {
  $(this).toggleClass('is-checked');
}else{
  filters[group].push($(this).attr('data-filter'));
  $(this).addClass('is-checked');
}

您可以在此处查看图库http://iris.aimto.be/gallery/gallery.html

如果您点击“星期四”，然后点击“星期五”，然后再次点击“星期五”，您就会看到该问题。

提前致谢!

Answer 1

尝试用这段代码替换

if ($(this).hasClass('is-checked') && $(this).not('.all')){
      console.log(filterValue);
      filterGroup.splice(filterGroup.indexOf(filterValue), 1);
      console.log(filterGroup);
      $(this).removeClass('is-checked');
    }else if ($(this).hasClass('all')) {
      $(this).toggleClass('is-checked');
    }else{
      filters[group].push($(this).attr('data-filter'));
      $(this).addClass('is-checked');
    }

splice method需要索引作为第一个参数