Где я должен положить изотоп ("макет") в этом сценарии Codyhouse

Question

У меня есть вопрос, и я надеюсь, что кто-то может мне помочь.

Я делаю сайт с шаблоном Codyhouse ( ссылка) и хочу загрузить сетку изотопов на одной из страниц портфолио.

Но все элементы изотопной сетки располагаются друг над другом или друг над другом. Я думаю, что мне нужно изменить макет сетки после открытия одной из страниц с помощью функции макета 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

Предполагая, что у вас есть идентификатор рассматриваемой сетки, вы можете сделать что-то вроде этого:

//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');
});

Для Изотопа есть довольно хорошая документация, на нее стоит обратить внимание.

Изотопная документация