微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何将项目附加到使用 Colcade.js 制作的砖石网格?

如何解决如何将项目附加到使用 Colcade.js 制作的砖石网格?

我有一组 Js 对象,其中包含引号及其相关数据。

var quotes = [

    {
        'author': 'Rahul Morajker','quote': `Upcoming Guest`,'image': 'img/guests/rahul.jpg','ig': 'morajker','marks': false
    },{
        'author': 'Akash Lamani','quote': `Quote here`,'image': 'img/guests/akash.jpg','ig': 'aakash_5520','marks': true
    },{
        'author': 'Soham Naik','image': 'img/guests/soham.jpg','ig': 'soham_scientist',{
        'author': 'Navish Naik','image': 'img/guests/navish.jpg','ig': 'navish_naik',{
        'author': 'Aaron Vaz','image': 'img/guests/aaron.jpg','marks': true
    }
]

使用 forEach 循环,我用这些引号填充 DOM。然后使用 Colcade.js 以砌体方式放置这些引号。但我不希望一次显示所有引号,因此只显示其中的 4 个,然后如果用户单击 Load more,则会填充另外 4 个。但我不知道如何将接下来的四个引号附加到现有的砖石网格中。 文档只提到了 colc.append(items),我不知道应该在 items 中传递什么 colc.append。无论是对每个项目的 Javascript 引用,还是项目的数组或节点列表。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。