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

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

0 голосов
/ 03 марта 2019

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

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

...