Javascript JQuery-无法使用商业产品进行筛选

我已经编写了一个使用同位素js过滤woocommerce产品的函数。我正在设法解决这个问题。但过滤器不工作。 HTML看起来像

<div class = "filters">
<input type="checkbox" class = "do_this_filter" value=".Hand-Wash">Hand wash<br>
<input type="checkbox" class = "do_this_filter" value=".Machine-Wash">Machine wash<br>
</div>
<ul class ='products'>
<li class="items Hand-wash"></li>
<li class="items Machine-Wash"></li>
</ul>

这没用，有人能帮忙吗。？提前感谢。

试着这样做：

$（函数（）{
//初始同位素
var$grid=$（'.products'），
$checkbox=$（'.filters-input'）；
$grid.com({
itemSelector:“.items”，
布局模式：“fitRows”
});
$checkbox.change（函数（）{
var过滤器=[]；
//获取选中的复选框值
$checkbox.filter（“：checked”）.each（function（）{
filters.push（这个值）；
});
filters=filters.join（'，'）；
$grid.com({
过滤器：过滤器
});
});
});
.items{
宽度：100px；
高度：100px；
背景：红色；
保证金：3倍；
列表样式：无；
显示：内联块；
}

手洗


机洗



演示产品1
演示产品2
非常感谢您。这件事让我印象深刻已经很久了。现在它工作了：）没问题。您的
itemSelector
错误，并且您为不同的同位素过滤设置工作的代码。很高兴我能帮忙：）
$( function() {
      // init Isotope
      var $grid = $('.products').isotope({
        itemSelector: '.item',
        layoutMode: 'fitRows'
      });

      // bind filter click
      $('.do_this_filter').on( 'click', function() {
        var filterValue = $( this ).val();
        // use filterFn if matches value
        $grid.isotope({ filter: filterValue });
      });
      // change is-checked class
      $('.do_this_filter').each( function( i, buttonGroup ) {
        var $buttonGroup = $( buttonGroup );
        $buttonGroup.on( 'click', function() {
          $buttonGroup.find('.is-checked').removeClass('is-checked');
          $( this ).addClass('is-checked');
        });
      });

    });