Почему это некоторые из js не стреляют, а остальные? Barba.js Просмотров

Question

Привет я пытаюсь получить эти гладкие переходы страницы, но важно, чтобы я снизил представления, чтобы я мог запустить javascript при изменении представления.

var Homepage = Barba.BaseView.extend({
    namespace: 'home',
    onEnter: function() {
        // The new Container is ready and attached to the DOM.
        $('nav a').on('mouseenter focus', function() {
            var item = $(this);
            item.addClass('hovered');
            setTimeout(function() {
                item.removeClass('hovered');
            },500);
        });

        $('.caseStudies a').on('mouseenter focusin mouseleave focusout', function() {
            $('.caseStudies .colorContainer').toggleClass('show');
        });

        $('.recentWork').one('inview', function() {
          console.log('in view);
          $('.recentWorkInToView').trigger('click');
        });
        document.querySelector("button.recentWorkInToView").onclick = recentWorkInToView.play;
    },
    onEnterCompleted: function() {
        // The Transition has just finished.
    },
    onLeave: function() {
        // A new Transition toward a new page has just started.
    },
    onLeaveCompleted: function() {
        // The Container has just been removed from the DOM.
    }
});

// Don't forget to init the view!
Homepage.init();

$(document).ready(function() {
    Barba.Pjax.start();
});

Все отлично работает при первой загрузке страницы, но как только я перехожу на новую страницу и затем возвращаюсь на домашнюю страницу, анимация аниме js не срабатывает. Журнал консоли 'in view', однако, запускается, и все остальные js работают именно в этом представлении.

Я действительно не могу понять, что мне не хватает или что я делаю неправильно.