Question

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

我正在制作一个带有Codyhouse模板（link）的网站，我想在其中一个投资组合页面上加载一个同位素网格。

但所有同位素网格项目都堆叠在一起或彼此下方。我想我需要在打开其中一个页面之后使用Isotope布局功能（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

我应该在哪里放置同位素（'布局'）在这个Codyhouse脚本中

1 个答案: