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

Answer 1

你忘了放手风琴模块。

semantic.min.js后简单添加：

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

语义UI - 手风琴 - 不工作

1 个答案: