在这个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