使用同位素插件，我可以按字符串名称过滤并使图像重叠吗?

Using the Isotope plugin, can I filter by string name and make images overlap?

本文关键字：过滤 图像 重叠 字符串 同位素 插件 我可以      更新时间：2023-09-26

我有 2 个关于同位素插件的问题。

第一个问题。有没有办法按字符串名称过滤图像？例如，如果我有以下名称：

Alex
Bob
Bobby
Bobbie
John

假设我在搜索文本字段中输入了"bob"，预期的结果将是：

Bob
Bobby
Bobbie

这是我目前拥有的：

$(document).on('keyup', '.selection-search #search', function(e) {
    switch(e.which) {
        case 13: // enter
            alert($('.selection-search input#search').val());

            filters = [];
            // get checked checkboxes values
            $('#filters input', document).filter(':checked').each(function() {
                filters.push( this.value );
            });
            // ['.white', '.blue'] -> '.white.blue'
            filters = filters.join('');
            iso.isotope({ filter: filters });
            /**/
        break;
    }
});

任何人都可以提供按字符串名称过滤的示例吗？

第二个问题。有没有办法让图像重叠？类似于纸牌游戏纸牌中的纸牌重叠方式？

我解决了按字符串过滤的问题，但仍然需要图像重叠方面的帮助。如何使图像重叠类似于纸牌游戏纸牌？

这是我为过滤所做的：

$('.selection-search #search', document).on('keyup', function(e) {
    switch(e.which) {
        default:
            iso.isotope({ filter: function() {
                var name = $(this).find('.imageName').text();
                return ( name.indexOf( $('.selection-search input#search').val() ) > -1);
            }});
        break;
    }
});
相关文章：