jquery - data 属性に複数の値を持つ List.js フィルター

Question

私は list.js を使用してリストに対して簡単なフィルタリングを行っていますが、少し問題が発生しています。

リスト内の一部の項目は次のようになります。

    <li class="grid-item" data-attribute="attr1, attr2, attr3" data-attributeTwo="a2">

クリックするフィルターは次のようになります。

<li data-filter="attr1">Attr1</li>
<li data-filter="attr2">Attr1</li>
<li data-filter="attr3">Attt3</li>

そして、フィルター関数を次のように設定しました。

$('.filter-nav ul li').on('click', function() {

            var filterValue = $( this ).attr('data-filter');

            list.filter(function(item) {
              if (
                item.values().attribute == filterValue ||
                item.values().attributeTwo == filterValue ||
              ) {
                return true;
              } else {
                return false;
              }
            });
            return false;
          });

これらのカンマ区切りの属性をそれぞれの値でフィルタリングすることは可能ですか? のように、Attr1、Attr2、または Attr3 をクリックすると、フィルターは適切なものを吐き出しますか?