使用uikit的切换器无法显示内容

时间:2019-11-04 00:11:35

标签: uikit

我正在尝试使用uikit来使基本的切换器正常工作,如第一个示例here所示。

这是我的代码:

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../static/css/uikit.min.css"/>
    <script src="../static/js/jquery.js"></script>
    <script src="../static/js/uikit.min.js"></script>
  </head>
  <body>
    <div class="uk-container uk-container-center uk-margin-small-top uk-margin-small-bottom">
      <ul class="uk-subnav uk-subnav-pill" uk-switcher>
    <li><a href="#">Item</a></li>
    <li><a href="#">Item</a></li>
    <li><a href="#">Item</a></li>
      </ul>    
      <ul class="uk-switcher uk-margin">
    <li>Hello!</li>
    <li>Hello again!</li>
    <li>Bazinga!</li>
      </ul>
    </div>
  </body>
</html>

我确定我的.css和.js正确加载,所以我不知道为什么这不起作用。我没有看到"uk-switcher uk-margin"类中的任何元素:

enter image description here

我缺少明显的东西吗?

0 个答案:

没有答案
相关问题