Javascript 如何在jquery中单击按钮清除同位素搜索过滤器?

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

我正在尝试清除我的搜索过滤器,但不删除搜索字段上的文本,而是使用一个按钮。搜索字段将清除,但网格上的所有项目将不会重新出现

我试图使clear按钮成为组合过滤器的一部分,并添加一个数据过滤器=“*”,但仍然不起作用

  <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();
})