javascript – 同位素插件：如何实现’insertAfter’方法？

2019-09-02 09:35:03 阅读：189 来源： 互联网

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

我尝试使用带有insertAfter方法的jQuery添加它并应用同位素(‘reLayout’).
但是,这并没有真正起作用.

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

jsfiddle

任何想法如何使其工作？
谢谢

解决方法:

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

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

标签：jquery-isotope,javascript,jquery
来源： https://codeday.me/bug/20190902/1790301.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 同位素插件：如何实现’insertAfter’方法？