jquery - UI Multiselect ウィジェットの問題

Question

一連の製品写真をフィルタリングするために使用している UI Multiselect ウィジェットに問題があります。ウィジェットでボックスが 1 つだけ選択されている場合は正常に機能しますが、複数のボックスが選択されている場合は、選択したカテゴリだけではなく、カタログ全体の結果が表示されます。おそらく、チェックボックスの配列を間違って結合していると思います。これらの一連の複数選択ウィジェットをさまざまな製品属性でコーディングしました。ユーザーがそれぞれから選択した後、別のボタンをクリックして送信し、結果をフィルタリングします。これが私のコードのサンプルです。助けてくれてありがとう。

$('button.submitFilters').click(function() {
    //FILTER VALUES:
    var genreVal = $('#filterGenre').multiselect("getChecked").map(function()  {
        return this.value;
        }).get().join();

次に、結果をフィルタリングします。

$('.main article[class*=' + genreVal + '][class*=' + sizeVal + '][class*=' + orientVal + '][class*=' + subjVal + '][class*=' + artistVal + ']').show();