javascript - 如何在重新排序 DOM 后重新绘制和重新组织 Isotope 容器中的元素?

标签 javascript jquery jquery-isotope

根据 this JSFiddle ,我创建了一个 Isotope包含我的每个元素的容器,单击其中一个链接(左下角)后,我想重新排序元素,将匹配的元素拉到容器的左侧。

我通过将它们从 DOM 中移除并将它们移动到包含 div 的顶部来实现。如果您检查浏览器的控制台,您会看到这成功发生了,但是下面对 Isotope 的调用(重绘)会触发回调,但似乎不会触发实际的重绘。不太清楚为什么会这样,有人能解释一下吗?

最佳答案

解决了:

$('#products').isotope( 'reloadItems' ).isotope( { sortBy: 'original-order' } );

或者只是:

$('#products').isotope( 'reloadItems' ).isotope();

仍然不确定为什么 reLayout 不会触发此行为。

关于javascript - 如何在重新排序 DOM 后重新绘制和重新组织 Isotope 容器中的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10418592/

相关文章:

javascript - 使用 ajax 异步运行 javascript 函数

jquery - 当我动态设置上传输入的属性 'data-form-data'时,Cloudinary直接浏览器上传失败

javascript - 同位素砌体的自动布局会覆盖排序吗?

jQuery Isotope/Masonry - 在重新布局时,排列有点困惑?

javascript - 对象解构

javascript - 如何在将 html 表导出到 xls 文件时设置分隔符,以便在使用 openOffice calc 打开文件时不会单独要求分隔符?

javascript - 在 Angular JS 中观察全局对象的属性

javascript - 如何在 JavaScript 中添加 Google 登录?

javascript - 像图像一样缩放 div

jQuery 同位素过滤问题