2016-09-18 90 views
0

請幫助我,我有這個庫:語義UI - 手風琴 - 不工作

<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'is undefined)

+0

也許你可以爲此創建的jsfiddle?這使調試更容易。您是否使用過瀏覽器控制檯查看javascript錯誤? –

+0

TypeError:$('。ui.accordion')。accordion不是函數。 (在'$('。ui.accordion')。accordion()','$('。ui.accordion')。accordion'未定義)這是我的瀏覽器控制檯錯誤。 –

回答

0

你忘了放手風琴模塊。

簡單semantic.min.js之後添加:

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