同位素插件:如何实现'insertAfter”;方法

Isotope plugin: How to implement 'insertAfter" method?

本文关键字：insertAfter 方法 实现 插件 何实现 同位素      更新时间：2023-09-26

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

我已经尝试使用带有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

有什么办法让它发挥作用吗？感谢

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

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

相关文章：