2016-11-22 22 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