0

我在 wordpress 网站上安装了 barba.js，但由于某种原因它开始崩溃。我使用了这个例子中的代码。 我在文件 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>

我遇到了一个错误，因此动画朝一个方向工作。我点击了两次 prev http://static2.keep4u.ru/2019/03/24/asdee75ac4e09a1e0375d.gif

当我添加 basename

<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

例如，他还停止在 barba-container 中执行 jquery 代码

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

在进行第一次过渡后，他停止了工作。

有人可以解释我做错了什么吗？

4

0 回答 0