基本的UIKit（getuikit）手風琴不起作用

在我的項目中，我成功地使用了UIKit（至今）。最近我嘗試第一次使用UIKit手風琴，並且失敗了。基本的UIKit（getuikit）手風琴不起作用

所以我的代碼減少到只有這個

<!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文檔顯示它如何工作？

來源

2016-11-10 devnull69

這只是太容易

的文檔不是很清楚關於這個事實，你需要添加（一些）在你的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>

來源

2016-11-10 10:02:36 devnull69

我有同樣的問題...我找到了答案:)

您必須將手風琴組件加載到您的頁面中。在你的JS Bin例子中，添加下面的行：<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.2/js/components/accordion.min.js"></script>下的uikit.min.js之一。

所以它的工作原理:)

另見你給的文檔頁面的源代碼，你會發現招;-)

希望它會幫助你。

來源

2016-11-10 10:06:13 Karvindo

好的，你在我的答案之前找到它！ ;-) – Karvindo

基本的UIKit（getuikit）手風琴不起作用

回答

相關問題