Flexslider自定义控件无法正常工作

Question

我正在使用flexslider在wordpress中构建一个滑块。 我设法创建了自定义按钮，但它们只能向前运行一个图像，向后运行一个图像。它很奇怪，我无法弄清问题在哪里。默认按钮工作得很好。 我的代码：

scripts.js中

$('.flexslider-post-page').flexslider({
    animation: "slide",
    controlNav: true,
    directionNav: false, 
    controlsContainer: ".projects-buttons-container",
    manualControls: $(".projects-buttons-container a"),

  });

按钮HTML

<div class="projects-buttons-container">
  <a class="prev" href="#" role="button">
    <span class="arrow-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="next" href="#" role="button">
    <span class="arrow-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>