JavaScript同位素 - 如何管理动态数据集（重新初始化同位素） [英] JavaScript Isotope- How to manage dynamic data set (re-initialize Isotope)

问题描述

我想设计一个网站，显示简单的搜索结果与同位素外观。
我有一个文本输入，并从用户那里获取查询，并从我的服务器检索搜索结果。因此，通过更改查询，我的数据和过滤选项将更改。我不知道如何使用同位素来管理这个动态数据。

I want to design a website which shows the simple search results with Isotope appearance. I have a text input and get the query from the user and retrieve the search results from my server. So, by changing the query, my data and filtering options change. I don't know how to manage this dynamic data with Isotope.

每次查询和数据更改后，我在 $ container.isotope 中设置新的同位素属性和过滤器，数据块变为不可见，并且同位素函数，如动画和过滤，不再工作了。

After each query and data change, when I set the new isotope properties and filters in $container.isotope, the data blocks become invisible and Isotope functions, like animation and filtering, didn't work anymore.

有人知道如何用Isotope管理动态数据集？更改数据集（数据块）后如何重新设置（重新初始化）同位素设置？

Does anybody know how to manage dynamic data set with Isotope? And how to re-set (re-initialize) Isotope settings after changing of the data set (data blocks)?

提前感谢。

推荐答案

我自己找到答案我们可以使用同位素的插入和去除功能。
http://isotope.metafizzy.co/docs/adding-items.html

I found the answer myself! We can use insert and remove function of Isotope. http://isotope.metafizzy.co/docs/adding-items.html

这篇关于JavaScript同位素 - 如何管理动态数据集（重新初始化同位素）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！