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

Question

[zeni1agent]

Я использую код из этого примера
но на wordpress он ведет себя странно при первом переходе он пролистает страницу только в одну сторона о после
все работает как надо только в поисковой строке вот такая фигня

localhost/wor/ru/2019/02/09/page1/page2

обычно строка выглядит так

localhost/wor/ru/2019/02/09/page1

в файле single.php все выглядит так

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

Это я нажимаю дважды prev

Answer 1

[zeni1agent]

Ну хоть и криво но я смог придумать решение этой задачи

Надо лишь прописать в файле nextprev.js

var next, prev;
	
$('.prev_post_link').on('click', function(e){
 next = -100;
 prev =  100;
})
	
$('.next_post_link').on('click', function(e){
 next =  100;
 prev = -100;
})

И заменить эту часть кода

TweenLite.set(this.newContainer, {
visibility: 'visible',
xPercent: goingForward ?  next : -100,
position: 'fixed',
left: 0,
right: 0
});

TweenLite.to(this.oldContainer, 11, { xPercent: goingForward ?  prev :  100 });
TweenLite.to(this.newContainer, 11, { xPercent: 0, onComplete: function() {
TweenLite.set(_this.newContainer, { clearProps: 'all' });

Answer 2

[Анатолий]

Могу посоветовать слайдер swiper, делает тоже самое, только без перезагрузки страницы.
idangero.us/swiper/demos

или Вам надо менять одну статью на другую?

Comments

[zeni1agent]

Да мне нужно переходить с одной статьи на другую.

[Анатолий]

Сделайте на странице 2 кнопки prev и next попробуйте без скрипта, нормально меняются статьи?

[zeni1agent]

Анатолий,

Сделайте на странице 2 кнопки prev и next попробуйте без скрипта, нормально меняются статьи?

Да нормально
Основная проблема скорее всего в

<div class=" barba-container" data-prev="<?php echo basename($prev_post_link); ?>" data-next="<?php echo basename($next_post_link);?>" style="visibility: visible;">

Когда я пытался без basename то ссылки выглядят нормаль только вот прокручиваются они только в одну сторону вне зависимости нажал я prev или next в обоих случаях запускается анимация для next.

[Анатолий]

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

Насколько я понял, у Вас все таки проблема в пути.
Напишите, что у Вас пишется на странице и что Вы хотите получить.

[zeni1agent]

Напишите, что у Вас пишется на странице

результат html
если я напишу так c basename

<div class=" barba-container article_post_ise" data-prev="выа" data-next="dfse" style="visibility: visible;">

то анимация будет такой
я нажал два раза prev


А если вот так без basename

<div class=" barba-container article_post_ise" data-prev="http://localhost/wor/ru/2019/02/13/выа/" data-next="http://localhost/wor/ru/2019/02/13/dfse/" style="visibility: visible;">

то такой
я нажал next а потом prev

что Вы хотите получить.

Я хочу получить такую же анимацию как в этом примере
что бы она работала в обе стороны