我正在尝试使用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"
类中的任何元素:
我缺少明显的东西吗?