jquery - 滑行导航和箭头定位

我正在使用Unslider，但在定位箭头和导航时遇到了麻烦，这仅仅是因为使用jQuery创建它们的滑块时，会在调用该滑块的div之外添加导航和箭头。

<section class="slider">
  <ul>
    <li><img src="imgs/banner-1.jpg" alt=""></li>
    <li><img src="imgs/banner-2.jpg" alt=""></li>
    <li><img src="imgs/banner-3.jpg" alt=""></li>
  </ul>

</section>

<a class="unslider-arrow next"></a>
<a class="unslider-arrow prev"></a>

<nav class="unslider-nav">
  <ol>
    <li data-slide="0">1</li>
    <li data-slide="1">2</li>
    <li data-slide="2">3</li>
  </ol>
</nav>

导航按钮出现在<section>标记之后，因此我无法定位它们，以便在浏览器调整箭头大小时将导航保持在原位。

我敢肯定这是一个简单的解决方案，我想念的是什么？

最佳答案

我最终改为使用owlgraphic.com。使用CSS更灵活。