jquery - Unslider 导航和箭头定位

Question

我正在使用 Unslider我在定位箭头和导航时遇到了问题，仅仅是因为当使用 jQuery 创建 slider 时，它会将导航和箭头添加到调用 slider 的 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 更加灵活。