Question

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

当我添加基本名称

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

进行第一次转换后，他停止工作。

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

为什么barba.js在wordpress上有错误？

0 个答案: