在我的网站上,我添加了barba.js,问题是当我转到下一页时,barba动画有效,但其他javascript函数不起作用

时间:2018-10-26 06:53:59

标签: javascript html barbajs

我有一个网站,并且在我的html代码中添加了barba.js。如果我转到内部页面,barba动画可以正常工作,但是其他javascript函数无法正常工作。

所以我在HTML页面中添加了这个barba脚本,

$('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();
});

那么有人可以帮我解决这个问题吗?

0 个答案:

没有答案