使用Visual Composer在Wordpress上运行的Barba.js

时间:2018-06-09 11:35:05

标签: javascript wordpress

我已经购买了一个我想要注入Barba.js页面过渡的主题。该页面是使用Visual Composer构建的,甚至可以说是Essential Grid插件。我目前的设置如下,可以在https://stoolsandstands.com/上查看一段时间。

所有网页正文的div ID为barba-wrapper。该页面包含在php中     <div class="barba-container <?php echo get_current_template()?>"> 这为我提供了每个页面所需的命名空间。 我创建了

var Home = Barba.BaseView.extend({
namespace: 'home',
onEnter: function() {
},
onEnterCompleted: function() {
 document.body.classList.add('home');
 runAllScripts();
},
onLeave: function() {
 document.body.classList.remove('home');
},
onLeaveCompleted: function() {
}
});
Home.init();

使用不同的var=blogvar=home大约4次,所以我让它们在不同的命名空间加载上运行。 runAllScripts();包含我必须在转换时运行的所有函数,但我完全不知道在函数中放入什么来重新运行Visual Composer,因为它在转换时断了,因此它的Essential Grid。 我试过了

Barba.Dispatcher.on('newPageReady', function() {
runAllScripts();

});

我的runAllScripts();函数目前在其中

function runAllScripts(){

 customScript();
 mainPadding();

$("#main > div").prepend("<div class='fancy-stuff'><div class='hastag'> 
</div></div>");

$(window).bind( 'grid:items:added', function(){ 
  // add some logic here
});

}

任何人都可以帮我解决这个问题,希望我对javascript没有先进性,并告诉我应该如何运行启动视觉作曲家所需的功能?

0 个答案:

没有答案