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

pur*_*nic 1 javascript jquery jquery-isotope

按照这个JSFiddle,我创建了一个包含我的每个元素的同位素容器,点击其中一个链接(左下角)我想重新排序元素,将匹配的元素拉到我容器的左边.

我这样做是通过从DOM中删除它们并将它们移动到包含div的顶部.如果您检查浏览器的控制台,您会看到这种情况成功发生,但以下对Isotope的调用(重绘)会触发回调,但似乎不会触发实际的重绘.不完全确定为什么会这样,是否有人能够解释?

pur*_*nic 14

解决了它:

$('#products').isotope( 'reloadItems' ).isotope( { sortBy: 'original-order' } );
Run Code Online (Sandbox Code Playgroud)

要不就:

$('#products').isotope( 'reloadItems' ).isotope();
Run Code Online (Sandbox Code Playgroud)

仍然不确定为什么reLayout不会触发这种行为.