取消定位导航和箭头定位

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更灵活。