Почему barba.js глючит на WordPress? - PullRequest
Новая
       21

Почему barba.js глючит на WordPress?

0 голосов
/ 24 марта 2019

Я установил barba.js на сайт WordPress, но по какой-то причине он начал падать. Я использовал код из этого примера. И я построил эту страницу в файле single.php 

<main id="barba-wrapper"  aria-live="polite">
<div>   
<?php
$prev_post = get_previous_post();
if( ! empty($prev_post) ){
    $prev_post_link = get_permalink( $prev_post );
    ?>
    <a class="nav prev" href="<?php echo $prev_post_link; ?>">Prev</a>
    <?php
}
?>
<?php
$next_post = get_next_post();
if( ! empty($next_post) ){
    $next_post_link = get_permalink( $next_post );
    ?>
    <a class="nav next" href="<?php echo $next_post_link ?>">Next</a>
    <?php
}
?>
 </div> 
<div class=" barba-container " data-prev="<?php echo $prev_post_link; ?>" data-next="<?php echo $next_post_link;?>" style="visibility: visible;">
<div class="article">
<?php get_template_part( 'pag/content', get_post_format() ); ?>
</div>
</div>
 </main>

single.php возвращает 

<main id="barba-wrapper"  aria-live="polite">
<div>   
    <a class="nav prev" href="http://localhost/wor/ru/2019/02/13/test1/">Prev</a>
    <a class="nav next" href="http://localhost/wor/ru/2019/02/13/test3/">Next</a>
 </div> 
<div class=" barba-container " data-prev="http://localhost/wor/ru/2019/02/13/test1/" data-next="http://localhost/wor/ru/2019/02/13/test3/" style="visibility: visible;">
<div class="article">
<!--HTML code-->
</div>
</div>
 </main>

И я столкнулся с ошибкой, из-за которой анимация работает в одном направлении. Это я нажимаю дважды пред http://static2.keep4u.ru/2019/03/24/asdee75ac4e09a1e0375d.gif

А когда я добавил базовое имя 

<main id="barba-wrapper"  aria-live="polite">
<div>   
    <a class="nav prev" href="http://localhost/wor/ru/2019/02/13/test1/">Prev</a>
    <a class="nav next" href="http://localhost/wor/ru/2019/02/13/test3/">Next</a>
 </div> 
<div class=" barba-container " data-prev="test1" data-next="test3" style="visibility: visible;">
<div class="article">
<!--HTML code-->    
</div>
</div>
 </main>

затем он начал искажать ссылки, но смог запустить обратную анимацию, но только со второй попытки. Я нажал следующий, а затем предыдущий http://static2.keep4u.ru/2019/03/24/asdee75ac4e09a1e0375d.gif

Он также перестал выполнять код jquery внутри barba-контейнера. например 

$('.but').on('click', function(e){
  e.preventDefault();
    $('.back').toggleClass('back-test');
})

после первого перехода он перестал работать.

Может кто-нибудь объяснить, что я сделал не так?

...