同位素+选择+过滤+搜索

时间:2014-07-09 20:58:46

标签: javascript jquery

我正在努力让自己成为一个可以同时使用搜索和过滤的选择器,如果你在开始时选择了选择器,它现在可以从头开始工作。但是之后选择其他东西,并且对于反击/搜索的过滤将会中断。

我还有一个小的问题,当我在我的标签TE上搜索时,我会以字母TE开头的所有标签。我只想要标签如何弹出其名称中的TE,如果我搜索另一个标签,如“SKATE”,我只希望显示名称中带有“SKATE”的标签,如果可能的话。

像, Te =仅显示标记名为TE的商店 Skate =只有标识符中带有SKATE的商店才显示等。

正确知道=搜索Te, Te 和& 滑冰出现......

  $('select').on( 'change', function() {
        var filterValue = this.value;
        $container.isotope({ 
        filter: filterValue 
        });
        return false;
  });

这是一个Jsfiddle

感谢答案。

1 个答案:

答案 0 :(得分:0)

如果您想将过滤切换为extact匹配,则可以更改正则表达式以表明这一点。例如,在小提琴变化的第57行:

nameRegex = new RegExp( $quicksearch1.val() , 'gi' );

到此:

nameRegex = new RegExp( '^' + $quicksearch1.val() + '$' , 'gi' );

您也可能想要转义输入以用于正则表达式(Escape string for use in Javascript regex)。