jquery - UI Muliselect小部件问题

Question

我在使用 UI 多选小部件来过滤一系列产品照片时遇到问题。It works fine when only one box in the widget is selected, however, when multiple boxes are selected it displays results for the entire catalog as opposed to just the selected categories. 我想也许我错误地加入了复选框数组。我编写了一系列具有不同产品属性的多选小部件。在用户从他们提交的每个选项中进行选择后，单击一个单独的按钮，然后过滤结果。这是我的代码示例。谢谢您的帮助。

$('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();