同位素组合过滤器的关键字和搜索

Isotope - combining filter by keyword and search

本文关键字：搜索 关键字 组合 过滤器 同位素      更新时间：2023-09-26

我正试图通过搜索组合过滤器和同位素关键字过滤器。对于搜索过滤器，我基于http://codepen.io/desandro/pen/wfaGu

的代码

你可以在http://fiddle.jshell.net/8DJ8V/上看到我的代码

在这一点上，我现在，它工作，如果你开始搜索，然后使用过滤器。但如果用户开始使用过滤器，然后尝试搜索，搜索将无法工作。可能是我放置函数和/或试图初始化同位素两次的顺序出错-但我无法绕过它。

任何想法?

keyup函数再次调用函数$container.同位素()，当您单击某些按钮时，过滤器丢失。

所以我在你的代码做了一些改变:http://fiddle.jshell.net/lucaspedroza/7t8mgont/

在第32行，我添加了过滤器函数: 
$container.isotope({
    filter: function() {
      return qsRegex ? $(this).text().match( qsRegex ) : '.active';
    },
  });
}, 200 ) );

并在使用过滤器时清理输入，这样就不会混淆正在使用哪个过滤器。

我希望我对你有帮助。

问候。

相关文章：