Javascript 同位素+选择+过滤+搜索
我正在尝试给自己一个选择器,它可以同时处理搜索和过滤,现在如果你在开始时选择选择器,它可以从一开始就工作。但是选择其他东西之后,计数器/serach上的过滤将中断 我还有一个小问题,当我在搜索我的标签TE时,我会找到所有以字母TE开头的标签。我只想标签如何在他们的名字有TE弹出,如果我搜索另一个标签像滑冰,我只希望标签与滑冰在他们的名字显示,如果可能的话 像, Te=仅显示标记名中带有Te的存储 Skate=只有标记名中有Skate的存储才会显示等 右键知道=搜索Te、Te和(&Skate)显示Javascript 同位素+选择+过滤+搜索,javascript,jquery,Javascript,Jquery,我正在尝试给自己一个选择器,它可以同时处理搜索和过滤,现在如果你在开始时选择选择器,它可以从一开始就工作。但是选择其他东西之后,计数器/serach上的过滤将中断 我还有一个小问题,当我在搜索我的标签TE时,我会找到所有以字母TE开头的标签。我只想标签如何在他们的名字有TE弹出,如果我搜索另一个标签像滑冰,我只希望标签与滑冰在他们的名字显示,如果可能的话 像, Te=仅显示标记名中带有Te的存储 Skate=只有标记名中有Skate的存储才会显示等 右键知道=搜索Te、Te和(&Skate)显示
$('select').on( 'change', function() {
var filterValue = this.value;
$container.isotope({
filter: filterValue
});
return false;
});
这是一个
感谢您的回答。如果您想将筛选切换到extact匹配,您可以更改正则表达式以指示这样的匹配。例如,在小提琴更改的第57行:
nameRegex = new RegExp( $quicksearch1.val() , 'gi' );
为此:
nameRegex = new RegExp( '^' + $quicksearch1.val() + '$' , 'gi' );
您可能还想转义输入,以便在正则表达式中使用。噢,谢谢,伙计!!但是选择器。。我怎样才能让它与同位素过滤一起工作哦,看这里@oliakaoil这里是正确的JSFIDLE,但要知道搜索标签不起作用/