Barba Js在第一次链接时重新加载页面

Question

我在Wordpress网站上使用Barba js v.2。

我第一次点击链接时，地址栏中的页面会发生变化，但它会立即重定向到我的页面。当我第二次点击同一个链接时，页面发生了变化，过渡效果非常好。

为什么我需要在同一个链接上单击两次才能更改页面并使转换生效？

我还在Wordpress上使用W3 Total Cache插件。有冲突吗？

谢谢！

Answer 1

如果您的加载遇到错误，则会强制重新加载。但是在重新加载时，它将页面保存在"0"上；高速缓存"；。所以…下次你点击链接时，它会强制从缓存中删除。。。而不是重新加载

该代码可以帮助您跟踪代码在哪里破坏

barba.init({
transitions: [{
debug: true,
name: 'transiontion name',
before(data) {
console.warn('01 - Before --> Start <-');
//create code here
console.warn('01 - Before --> End <-');
},
beforeLeave(data) {
console.warn('02 - beforeleave --> Start <-');
//create code here
console.warn('02 - beforeleave --> End <-');
},
leave(data) {
console.warn('03 - leave --> Start <-');
//create code here
console.warn('03 - leave --> End <-');
},
afterLeave(data){
console.warn('04 - afterLeave --> Start <-');
//create code here
console.warn('04 - afterLeave --> End <-');
},
beforeEnter(data){
console.warn('05 - beforeEnter --> Start <-');
//create code here
console.warn('05 - beforeEnter --> End <-');
},
enter(data) {
console.warn('06 - enter --> Start <-');
//create code here
console.warn('06 - enter --> end <-');
},
afterEnter(data){
console.warn('07 - afterEnter --> Start <-');
//create code here
console.warn('07 - afterEnter --> End <-');
},
after(data){
console.warn('08 - after --> Start <-');
//create code here
console.warn('08 - after --> End <-');
}
}]

})；