imagesLoaded и переход страницы с помощью barba js - PullRequest
Новая
       47

imagesLoaded и переход страницы с помощью barba js

0 голосов
/ 27 июня 2019

Мне нужно интегрировать imagesLoaded.js с barba.js, но я не могу этого добиться.Я пытаюсь загрузить все изображения (также фоны) в хуке представления beforeEnter, жду их с обещанием и продолжаю переходную метку "enter".

По какой-то причине "enter"переходный хук срабатывает перед хуком представления beforeEnter.

Что я делаю не так?Не связаны ли переходы и представления?Заранее спасибо.

Мой код: 

barba.init({
transitions: [{
        leave: function (data) {
            return new Promise(resolve => {
                anime({
                    before: function () {
                        body.classList.add('transitioning');
                    },
                    complete: function () {
                        resolve();
                    },
                    duration: 500,
                    easing: 'easeInOutQuad',
                    targets: loader,
                    translateX: ['-100%', '0%']
                });
            });
        },

        enter: function (data) {
            anime({
                complete: function () {
                    body.classList.remove('transitioning');
                },
                duration: 500,
                easing: 'easeInOutQuad',
                targets: loader,
                translateX: ['0%', '100%']
            });
        }
    }],

views: [{
        namespace: 'home',

        afterLeave: function (data) {
            ...
        },

        beforeEnter: function (data) {
            ...

            return new Promise(resolve => {
                imagesLoaded(data.next.container.querySelector('.main'), {background: true}, function () {
                    resolve();
                });
            });
        }
    }]

});

...