Javascript 防止Fancybox显示图像

如何防止Fancybox显示某些图像？我有一个选择按钮，用户在其中选择一个数据颜色属性，fancybox库中的每个“a”标记都有该属性

目前，它只是提醒“ok”

如果选择“黄色”，则会显示具有数据颜色属性黄色的缩略图，但随后会打开图库并显示图像3/3。我希望它只显示一个

---

谢谢

好的，过了很长时间，我想出了一个解决办法。每次更改select按钮时，我都会从每个a标记中删除fancybox类，它与select按钮中选择的颜色不对应

大概是这样的：

$(document).ready(function() {
    $('#colorForm').on('change', function () {  
        var selectedColor = this.value;  
        if(selectedColor != 'all') {
            hrefItems = $('#fancybox-thumbs a');

        hrefItems.each(function() {
            if(!$(this).hasClass('fancybox')) {
                $(this).addClass('fancybox');
            }
            formData = $(this).parent().data('color');

            if(formData.indexOf(selectedColor) == -1) {
                $(this).removeClass('fancybox');
            }

        });

    }
    else {
        hrefItems = $('#fancybox-thumbs a');
        hrefItems.each(function() {
            if(!$(this).hasClass('fancybox')) {
                $(this).addClass('fancybox');
            }

        });
    }
}).trigger('change');

}))

$(document).ready(function() {
    $('#colorForm').on('change', function () {  
        var selectedColor = this.value;  
        if(selectedColor != 'all') {
            hrefItems = $('#fancybox-thumbs a');

        hrefItems.each(function() {
            if(!$(this).hasClass('fancybox')) {
                $(this).addClass('fancybox');
            }
            formData = $(this).parent().data('color');

            if(formData.indexOf(selectedColor) == -1) {
                $(this).removeClass('fancybox');
            }

        });

    }
    else {
        hrefItems = $('#fancybox-thumbs a');
        hrefItems.each(function() {
            if(!$(this).hasClass('fancybox')) {
                $(this).addClass('fancybox');
            }

        });
    }
}).trigger('change');