jquery - Unslider 导航和箭头定位

Question

我正在使用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>标签之后，因此我无法定位它们，以便当浏览器调整箭头大小时，导航保持在原位。

我确定这是一个简单的解决方案，我错过了什么？

Answer 1

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