Используя плагин Isotope, могу ли я фильтровать по имени строки и перекрывать изображения?

Question

У меня есть 2 вопроса относительно плагина Isotope.

Первый вопрос. Есть ли способ фильтровать изображения по имени строки? Например, если у меня есть следующие имена:

Alex 
Bob 
Bobby 
Bobbie 
John 

И давайте говорить, что я ввел «боб», чтобы в поиск текстового поля ожидаемые результаты будут:

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; 
    } 
}); 

Может ли кто-нибудь представить пример фильтрации по имени строки?

Второй вопрос. Есть ли способ совпадения изображений? Как и как карты перекрываются в карточной игре Solitaire?

Answer 1

Я решил фильтровать по строкам, но все же нуждаюсь в помощи с перекрытием изображений. Как я могу сделать перекрытие изображений похожим на карточную игру Solitaire?

Это то, что я сделал для фильтрации:

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