0

我有这个内容过滤器，它<div>通过隐藏那些不包含在输入字段中键入的内容的 div 来过滤带有容器类 (div.container) 的 s。

这样，它只显示<div>包含在输入字段中键入的任何内容的 s。

现在，它会检查和过滤输入字段内的每个键，因此结果看起来很即时。

现在，我的问题是，当用户删除输入字段内的内容时，所有内容都被隐藏了。而当输入字段中没有任何内容时，所有内容都应该可见。

它在这个 js fiddle的分隔情况下工作正常

但不是当我将它应用到我的整个网站时。过滤有效，但如果没有输入任何内容，一切都会消失。

我怎样才能让它工作，以便当输入中没有任何内容时，之前隐藏的任何 div.container 变得可见？这样它就可以正常工作，就像没有任何东西可以过滤时的过滤器一样显示所有内容。

这是发生这种情况的页面，要访问过滤其下方内容的过滤器，请单击“了解有关我的更多信息”或“工作”。

4

1 回答 1

1 
$('#filter').keyup(function(){
    if ( $.trim(this.value).length ) 
         $('ul li').hide().filter(':containsLower("'+this.value+'")').show();
    else 
         $('ul li').show();
});

http://jsfiddle.net/zdznh/

于 2013-05-11T19:22:22.877 回答