javascript - 如何通过单击 jquery 中的按钮清除同位素搜索过滤器?

标签 javascript html jquery css jquery-isotope

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

我试图让清除按钮成为组合过滤器的一部分并添加一个 data-filter="*"但仍然不起作用。

  <div class="button-group js-radio-button-group" data-filter-group="clear">
    <a class="button" id="clearme" data-filter="">Clear</a>
  </div>

这是我用来清除搜索字段的代码:

$('#clearme').on( 'click', function() {
    $(".quicksearch").val("");
})

And here's the whole codepen

最佳答案

你可以尝试类似的东西

$("#clearme").click(function(){
    $(".grid").isotope({
        filter: '*'
    });
});

这将清除所有过滤器。

关于javascript - 如何通过单击 jquery 中的按钮清除同位素搜索过滤器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62462930/

相关文章:

javascript - 错误 64 SSL 证书 laravel

Javascript - 从文件夹中获取图像

javascript - 通过管道传递参数

html - 为什么我的垂直滚动条不能根据标题 div 的高度正确显示

html - 表格中的样式 <th> 在 IE 中不起作用

javascript - jQuery click.modalEvent

javascript - 如何动态更新 JavaScript 数组

javascript - Vue 在创建的生命周期钩子(Hook)中删除 DOM 节点来初始化组件

html - 嵌套 'justify-content: space-around' 不工作

javascript - jQuery.insertBefore 不遵守换行符