In my website I have added barba.js, the issue is when i go to next page barba animations working but other javascript functions are not working

Question

I have a website and in my html code I have added barba.js, If I go to inner pages barba animations are working fine, but other javascript functions are not working.

So i added this barba script in html page,

$('document').ready(function(){
  //initIndexJs();
  var transEffect = Barba.BaseTransition.extend({
    start: function(){
      this.newContainerLoading.then(val => this.fadeInNewcontent($(this.newContainer)));
    },
    fadeInNewcontent: function(nc) {
      nc.hide();
        var _this = this;
          $(this.oldContainer).fadeOut(1000).promise().done(() => {
            nc.css('visibility','visible');
              nc.fadeIn(1000, function(){
                _this.done();
                })
              });
            },
          });
          Barba.Dispatcher.on('transitionCompleted', function(currentStatus, oldStatus, container) {
            initIndexJs();
            //callForPageLoad();
    });
    Barba.Pjax.getTransition = function() {
      return transEffect;
    }
    Barba.Pjax.start();
});

So can anyone please help me to solve this problem?