我正在使用 Isotope.js 和 vanilla javascript。
在我的项目中，我在每个项目中放置了div一个display:none隐藏关键字。例如，橙色项具有关键字“颜色”和“水果”。因此，如果有人在输入表单（橙色、颜色或水果）中输入这三个词中的任何一个，该项目将通过 Isotope 显示。
我想要做的是，如果有人以项目将显示的任何顺序将所有三个单词输入到输入表单中。现在，该项目仅在按顺序键入关键字时才会显示。例如，输入“水果颜色”将显示项目橙色，但“颜色水果”不会。
编辑： 这里的答案正是我想要实现的。我将它应用到我的项目的 jQuery 版本并且完美运行。但是，我在用香草 JS 重写它时遇到了麻烦。非常感谢任何帮助。