Barba Js перезагружает страницу при первых ссылках

#javascript #php #html #wordpress #barbajs

#javascript #php #HTML #wordpress #barbajs

Вопрос:

Я использую Barba js v.2 на сайте WordPress.

При первом нажатии на ссылку страница изменяется в адресной строке, но сразу же перенаправляется на мою страницу. Во второй раз, когда я нажимаю на ту же ссылку, страница меняется, и переход работает отлично.

Почему мне нужно два раза щелкнуть по одной и той же ссылке, чтобы изменить страницу и заставить переход работать?

Я также использую плагин W3 Total Cache на WordPress. Есть конфликт?

Спасибо!

Ответ №1:

это происходит, если при загрузке возникает ошибка, и это вызывает перезагрузку. но при перезагрузке страница сохраняется в «кэше». итак … при следующем нажатии на ссылку она будет принудительно удалена из кэша … вместо перезагрузки

этот код помогает вам отслеживать, где ваш код нарушает

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

});