首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Isotope.js和meteor

Isotope.js和meteor
EN

Stack Overflow用户
提问于 2015-05-18 23:22:41
回答 1查看 411关注 0票数 2

我在meteor项目中使用了isotope.js的打包版本,但我似乎无法让它正常运行。通常,它会在jquery中准备好的文档上调用。在流星中,等价物是template.name.onRendered,然而它的同位素似乎相当稀薄。

我在meteor项目中确实有三个实例,但它们都是在不同的页面/路由上用不同的div id调用的,所以我不认为这是问题所在。有趣的是,如果您调整浏览器的大小,同位素视图中使用的卡片将重新洗牌,并最终返回到所需的位置。真的很奇怪。有什么想法吗?

这是触发同位素实例的代码

代码语言:javascript
复制
Template.sell.onRendered(function(){
// ISOTOPE SETUP
$('#container').isotope({
    itemSelector: '.card',
    masonry: {
        gutter: 20
    }
}); 
}) 
EN

Stack Overflow用户

发布于 2016-01-28 18:16:18

试着把Meteor.defer放进去。因为在容器$(“# onRenderd”)将不可用。因此请尝试以下代码

代码语言:javascript
复制
    Template.sell.onRendered(function(){
    // ISOTOPE SETUP
    Meteor.defer(function ({
    $('#container').isotope({
        itemSelector: '.card',
        masonry: {
            gutter: 20
        }
    }); 

})
}) 
票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30307072

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档