Как повторно инициализировать другие скрипты после перехода на страницу barba?

Question

Я пытаюсь добавить barba. js переходов между страницами на моем сайте. Все работает, единственная проблема - после завершения перехода все остальные скрипты не работают. Я пробовал использовать getSript fucntion и barba dispatcher, но ничего не работает. Я использую barba v1. Я новичок с javascript и, возможно, я бы применил их неправильно. Я хочу повторно инициализировать другие скрипты после завершения перехода. Требуется руководство!

/************************** BARBA **************************/

Barba.Pjax.start();

var FadeTransition = Barba.BaseTransition.extend({
	start: function() {
		"use strict";
		Promise.all([this.newContainerLoading, this.fadeOut()]).then(
			this.fadeIn.bind(this)
		);
	},
	
	fadeOut: function() {
		"use strict";
		this.oldContainer.classList.add("slide-out");
	},
	
	fadeIn: function() {
		"use strict";
		this.newContainer.classList.add("slide-in");
		
		var that = this;
		
		this.newContainer.addEventListener("animationend", function() {
			that.newContainer.classList.remove("slide-in");
            that.done();
		});
	}
});

Barba.Pjax.getTransition = function() {
	"use strict";
	return FadeTransition;
};

.slide-in {
	animation: slide-in 0.7s ease-in-out both;
}

.slide-out {
	animation: slide-out 0.7s ease-in-out both;
}

@keyframes slide-in  {
	from {
		transform: translate(100%);
		visibility: visible;
	}
	to {
		transform: translate(0%);
	}
}

@keyframes slide-out  {
	from {
		transform: translate(0%);
	}
	to {
		transform: translate(-100%);
	}
}

<div id="barba-wrapper">
	<div class="barba-container">
  
       <div class="main-content">
            <!--MY HTML CODE-->
       </div>
  
  </div>
 </div>