Question

我在流星项目中使用了同位素.js的打包版本，我似乎无法让它正常运行。通常它会在jquery中准备好一个文档。在流星中，等效物是template.name.onRendered，但它似乎与同位素相当不稳定。

我在流星项目中确实有三个实例，但他们在不同的页面/路线上都有不同的div id，所以我不认为这是问题所在。有趣的是，如果你调整浏览器的大小，同位素视图中使用的卡会重新洗牌并最终返回到所需的位置..它真的很奇怪。任何想法？

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

Template.sell.onRendered(function(){
// ISOTOPE SETUP
$('#container').isotope({
    itemSelector: '.card',
    masonry: {
        gutter: 20
    }
}); 
})

Answer 1

尝试放入Meteor.defer。因为在onRenderd $（＆＃34;＃container＆＃34;）将无法使用。所以尝试下面的代码

    Template.sell.onRendered(function(){
    // ISOTOPE SETUP
    Meteor.defer(function ({
    $('#container').isotope({
        itemSelector: '.card',
        masonry: {
            gutter: 20
        }
    }); 

})
})

Isotope.js和流星

1 个答案: