JavaScript Isotope-如何管理动态数据集(重新初始化Isotope)

标签 javascript css dynamic jquery-isotope

我想设计一个以Isotope 外观显示简单搜索结果的网站。 我有一个文本输入并从用户那里获取查询并从我的服务器检索搜索结果。因此,通过更改查询,我的数据和过滤选项也会发生变化。我不知道如何使用 Isotope 管理这些动态数据。

每次查询和数据更改后,当我在 $container.isotope 中设置新的同位素属性和过滤器时,数据 block 变得不可见并且 Isotope 功能,如动画和过滤,不再起作用了。

有人知道如何使用 Isotope 管理动态数据集吗?以及如何在更改数据集(数据 block )后重新设置(重新初始化)同位素设置?

提前致谢。

最佳答案

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

关于JavaScript Isotope-如何管理动态数据集(重新初始化Isotope),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14847381/

相关文章:

javascript - 使用 Jasmine 测试 ajax 请求内的 Angular 范围变量

javascript - Bootstrap 表动态添加行到表和用户然后突出显示并选择一行

javascript - typescript 将字符串文字类型映射为大写

javascript - 使用 javascript :history. go(-1) 有效,但我丢失了 css 属性和脚本

iphone - UITableViewCell 动态高度与标签

c# - 使用动态属性初始化惰性属性

spring - 如何使用 JDBC 在 Spring 中创建动态连接(数据源)

javascript - 合并两个单独的 JavaScript 对象的属性的最佳方法是什么?

css - 我在 HTML 中的 anchor 没有将我带到页面上的正确位置

css - Bootstrap - 单选按钮的布局