2016-09-18 57 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>