我应该把同位素（'layout'）放在这个 Codyhouse 脚本中的哪个位置

Question

我有一个问题，希望有人能帮助我。

我正在使用 Codyhouse 模板 (link) 创建一个网站，我想在其中一个投资组合页面上加载同位素网格。

但是所有同位素网格项目都堆叠在一起或彼此下方。我想我需要在打开其中一个页面后使用同位素布局功能（http://isotope.metafizzy.co/layout.html）重新布局网格。但是我应该把它放在代码的什么地方呢？对不起，我的 Jquery/Javascript 很糟糕。

也许在这个函数中？问题是，怎么做？

    //open project
    projectsPreviewWrapper.on('click', 'a', function(event){
    event.preventDefault();
    if( animating == false ) {
        animating = true;
        navigationTrigger.add(projectsContainer).addClass('project-open');
        openProject($(this).parent('li'));

    }
});

Answer 1

假设您有相关网格的 ID，您可以执行以下操作：

//open project
projectsPreviewWrapper.on('click', 'a', function(event){
    event.preventDefault();
    if( animating == false ) {
    animating = true;
    navigationTrigger.add(projectsContainer).addClass('project-open');
        openProject($(this).parent('li'));
    }

    $('#yourGridIdHere').isotope('layout');
});

Isotope 有一些非常好的文档，可能值得一看

Isotope documentation