javascript - 同位素插件：如何实现“insertAfter”方法？

Question

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

我尝试使用带有insertAfter方法的 jQuery 添加它并应用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/