0

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>

しかし、ドットだけが表示されていますか？

4

1 に答える 1

0

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を参照してください。

于 2017-01-05T12:43:56.193 に答える