Javascript 如何在jquery中单击按钮清除同位素搜索过滤器?
我正在尝试清除我的搜索过滤器,但不删除搜索字段上的文本,而是使用一个按钮。搜索字段将清除,但网格上的所有项目将不会重新出现 我试图使clear按钮成为组合过滤器的一部分,并添加一个数据过滤器=“*”,但仍然不起作用Javascript 如何在jquery中单击按钮清除同位素搜索过滤器?,javascript,html,jquery,css,jquery-isotope,Javascript,Html,Jquery,Css,Jquery Isotope,我正在尝试清除我的搜索过滤器,但不删除搜索字段上的文本,而是使用一个按钮。搜索字段将清除,但网格上的所有项目将不会重新出现 我试图使clear按钮成为组合过滤器的一部分,并添加一个数据过滤器=“*”,但仍然不起作用 <div class="button-group js-radio-button-group" data-filter-group="clear"> <a class="button" id="clearme" data-filter="">Cle
<div class="button-group js-radio-button-group" data-filter-group="clear">
<a class="button" id="clearme" data-filter="">Clear</a>
</div>
您可以尝试以下方法
$("#clearme").click(function(){
$(".grid").isotope({
filter: '*'
});
});
这将清除所有过滤器。另一个答案中同位素重新初始化的问题是,单击它后,会重新定义过滤器函数,因此您编写的初始函数会被重置并停止工作,这在您的特定用例中是一个坏主意 一种简单的方法可以做到这一点,而不干扰先前的create filter函数,如下所示:
$('#clearme').on( 'click', function() {
$(".quicksearch").val("");
$(".quicksearch").keyup();
})
好的,清除了过滤器,但单击后,过滤不再工作。请参阅更新的代码笔。此外,它能否只过滤在搜索过滤器上输入的内容?它的作用是清除所有过滤器,当您单击红色和小过滤器按钮时,它也会清除。确定将检查并返回给您。
$('#clearme').on( 'click', function() {
$(".quicksearch").val("");
$(".quicksearch").keyup();
})