如何把点导航UIKit中的滑块

Question

你如何添加点导航为UIKit中的滑块组件。我试过，

<div data-uk-slider> 
    <div class="uk-slider-container"> 
    <ul class="uk-slider uk-dotnav uk-grid-width-medium-1-4"> 
     <li><a href=""><img src="image1.png"></a></li> 
     <li><a href=""><img src="image2.png"></a></li> 
     <li><a href=""><img src="image3.png"></a></li> 
     <li><a href=""><img src="image4.png"></a></li> 
     <li><a href=""><img src="image5.png"></a></li> 
    </ul> 
    </div> 
</div> 

但是只有点显示？

Answer 1

由于cssBlaster21895提到UIkit文档只提供直接将dotnav集成到幻灯片组件中，但是dotnav文档暗示说它可以集成到所有其他UIkit组件中。

基本上你可以添加常用的dotnav HTML滑块内：

<ul class="uk-slider-nav uk-dotnav"> 
    ... 
</ul> 

然后包括dotnav组件JS & CSS。

https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.2/css/components/dotnav.min.css https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.2/js/components/dotnav.min.js

见我Fiddle对于如何可以用工作实例来实现更详细的解释。