Как правильно настроить barba.js?

Question

[K G]

Я делаю переходы между страницами без перезагрузки с анимацией с помощью barba.js и небольшого дополнения к ней barba-transitions. Как мне получить содержимое следующей страницы, до срабатывания анимации? Т.е. юрл уже сменился, но пока белый экран в ожидании анимации. Задача прокинуть в новую страницу нужную мне анимацию динамически.
У barba в api есть такая штука как newContainer, но возвращает undefined.
Если есть у кого опыт с barba, подскажите пожалуйста.

Answer 1

[Toasts]

barbajs.org/transition.html
Судя по документации сначала нужно дождаться newContainerLoading

newContainer
HTMLElement of the new container. (with visibility: hidden;)
Please note, it's undefined until newContainerLoading is resolved!

И немного переделанный пример из доки

var HideShowTransition = Barba.BaseTransition.extend({
  start: function() {
    this.newContainerLoading.then(this.finish.bind(this));
  },

  finish: function() {
    this.newContainer; // теперь newContainer должен быть доступен
    this.done();
  }
});