同位素插件：如何实现'insertAfter'方法？

Question

我正在尝试将元素添加到元素列表的中间。

我尝试使用jQuery和insertAfter方法添加它并应用isotope('reLayout')。 但是，这并没有真正起作用。

  $('#insertAfter a').click(function() {
        var $newEl = $(fakeElement.getGroup()).first();
        $newEl.insertAfter($container.children().eq(3));
        $container.isotope('reLayout');
        return false;
    });

jsfiddle

任何想法如何使它工作？ 感谢

Answer 1

Isotope不允许您手动将元素插入特定位置，因为它应该自动处理元素放置。解决问题的一种方法是向每个元素添加一个特殊属性，该元素可用于按所需顺序对元素进行排序。然后，配置Isotope以使用created属性对元素进行排序。当您需要插入元素时，为新元素的该属性赋值，将其置于所需位置。

请参阅jsfiddle的解决方案：http://jsfiddle.net/9V2Mj/20/