基本UIKit (getuikit)手风琴不起作用
基本UIKit (getuikit)手风琴不起作用
提问于 2016-11-10 17:12:28
在我的项目中，我成功地使用了UIKit (直到现在)。最近，我第一次尝试使用UIKit手风琴，但是失败了。
所以我把代码简化成这样
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/uikit.min.css" />
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="js/uikit.min.js"></script>
</head>
<body>
<div class="uk-accordion" data-uk-accordion>
<h3 class="uk-accordion-title">Test 1</h3>
<div class="uk-accordion-content">Whatever</div>
<h3 class="uk-accordion-title">Test 2</h3>
<div class="uk-accordion-content">Everything else</div>
<h3 class="uk-accordion-title">Test 3</h3>
<div class="uk-accordion-content">All the rest</div>
</div>
</body>
</html>但它不起作用。
我尝试过不同版本的UIKit和jquery。没有效果。
jsbin (http://jsbin.com/fusapomoze)上的这个示例也不起作用
https://getuikit.com/docs/accordion.html上的文档显示了它应该如何工作……
回答 2
Stack Overflow用户
发布于 2016-11-10 18:02:37
这太简单了
文档并不清楚您需要在HTML头部添加(一些)组件的事实
<link rel="stylesheet" href="css/uikit.min.css" />
<link rel="stylesheet" href="css/components/accordion.min.css" />
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="js/uikit.min.js"></script>
<script src="js/components/accordion.min.js"></script>Stack Overflow用户
发布于 2016-11-10 18:06:14
我也有同样的问题。我找到了答案:)
必须在页面中加载accordion组件。在您的JS示例中，在uikit.min.js one下面添加行：<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.2/js/components/accordion.min.js"></script>。
所以它是有效的:)
另请参阅您给出的文档页面的源代码，您将找到诀窍;-)
希望能对你有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40523723
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号