2016-11-22 70 views
0

我有一个问题,我希望有人能帮助我。我应该在这个Codyhouse脚本中放置同位素('布局')

我正在制作一个带有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')); 

    } 
}); 

回答

0

假设你已经有问题的电网的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 documentation

+0

不幸的是我无法得到这个工作。 我已经在这里上传了:http://howling.nl/concepts/ballroom/。按Gin&Tonic查看同位素网格。您需要按其中一个过滤器或在网格大小正确之前调整窗口大小。 你知道解决这个问题的方法吗?帮助将不胜感激!谢谢! – Martijn