我已经购买了一个我想要注入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=blog
和var=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没有先进性,并告诉我应该如何运行启动视觉作曲家所需的功能?