Javascript 同位素+搜索+两段过滤

我正在尝试使用两个元素和搜索来完成过滤工作

我只有一个元素要工作

$('#filters').on( 'click', 'a.filter', function() {
        buttonFilter = $( this ).attr('data-filter');
        $container.isotope({
            animationOptions: {
                duration: 750,
                easing: 'linear',
                queue: false
            }
         });
         return false;
    });

  $('.slidein').each( function( i, slidein ) {
    var $slidein = $( slidein );
    $slidein.on( 'click', 'a.filter', function() {
      $slidein.find('.active').removeClass('active');
      $( this ).addClass('active');
    });
  });

你可以在这里看到我的意思。有人知道怎么修吗

搜索筛选正在工作

$filters仅返回具有筛选器id的第一个元素。使用$.slidein可以返回两个元素，效果非常好

这是小提琴：

如果您想为每个.slidein元素使用不同的筛选器，那么请为每个.slidein元素使用不同的ID，并使用两个不同的buttonFilter变量

这是小提琴：

---

不我的意思是让两个搜索域工作。。或使用两种不同的搜索方法创建一个搜索字段：哦，谢谢你，伙计！！！但是我有一个问题。。可以只搜索整个单词吗。我是说。。如果我有一个搜索标签how has skate和另一个how has te如果我在te上搜索，我只希望有te的商店出现！如果我打了Skate，只会储存Skate是怎么回事？？你最好！当我在Te上搜索时，Skate显示为。我在我的控制台中查看，当我在skate undefined/skate/giOh上搜索时得到了这个信息，它是控制台。log：但不可能只获得搜索词，如果我键入TE，则只显示白色标记TE？，不完全像skate/winTEr@Noble Mushtak

//Use $(".slidein") !!
$('.slidein').on( 'click', 'a.filter', function() {
    buttonFilter = $( this ).attr('data-filter');
    $container.isotope({
        animationOptions: {
            duration: 750,
            easing: 'linear',
            queue: false
        }
     });
     return false;
});

var buttonFilter1 = "*", buttonFilter2 = "*"; //Use _two_ filters for _two_ different categories.

var $container = $('.portfolio-items').isotope({
  [...]
  filter: function() {
    [...]
    //Check both of the button filters.
    var buttonResult = $this.is( buttonFilter1 ) && $this.is( buttonFilter2 );
    [...]
  },
  [...]
});

[...]
$('#countries').on( 'click', 'a.filter', function() {
    //For the first filter, set buttonFilter1.
    buttonFilter1 = $( this ).attr('data-filter');
    $container.isotope({
        animationOptions: {
            duration: 750,
            easing: 'linear',
            queue: false
        }
     });
     return false;
});

$('#nums').on( 'click', 'a.filter', function() {
    //For the second filter, set buttonFilter2.
    buttonFilter2 = $( this ).attr('data-filter');
    $container.isotope({
        animationOptions: {
            duration: 750,
            easing: 'linear',
            queue: false
        }
     });
     return false;
});