javascript - 同位素插件 : How to implement 'insertAfter" method?

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 不允许您手动将元素插入特定位置，因为它应该自动处理元素放置。解决问题的一种方法是为每个元素添加一个特殊属性，该属性可用于按所需顺序对元素进行排序。然后，配置同位素以使用创建的属性对元素进行排序。当您需要插入一个元素时，为新元素的该属性分配一个值，将其放置到所需位置。

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