語義 UI - 手風琴 - 不工作

Question

請幫助我，我有這個庫：

 <title>Semantic UI</title> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <script scr="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.js"></script> <script scr="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/components/accordion.js"></script>

這是 html 代碼：

 <div class="ui container"> <div class="ui styled accordion"> <div class="title"> <i class="dropdown icon"></i> Hello </div> <div class="content"> contenido 1 </div> </div> </div>

和js：

 <script> $('.ui.accordion').accordion(); </script>

我缺少什么才能很好地工作這個元素？ 我需要添加一些腳本嗎？ 我有一個瀏覽器控制台錯誤：

TypeError: $('.ui.accordion').accordion 不是函數。 （在 '$('.ui.accordion').accordion()' 中，'$('.ui.accordion').accordion' 未定義)

Answer 1

你的腳本標簽在你的腳本標簽上有屬性src的拼寫錯誤。 在您的示例中，其拼寫為scr ，因此該頁面實際上從未加載您的庫。 所以改變：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script scr="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.js"></script>
<script scr="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/components/accordion.js"></script>

到：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/components/accordion.js"></script>

Answer 2

你忘記放手風琴模塊了。

在semantic.min.js 后簡單添加：

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/components/accordion.js"></script>