语义 ui javascript 不会触发任何操作答案

【问题标题】：semantic-ui javascript doesn't fire any actions语义 ui javascript 不会触发任何操作
【发布时间】：2017-01-17 19:07:45
【问题描述】：

我已按照 Semantic-ui.com 安装语义的说明进行操作。我在我的项目文件夹中成功安装了语义并使用 gulp 构建

我的文件在语义/dist 文件夹中

我在 index.html 中有代码：

<!DOCTYPE html>
<html>
  <head>
   <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
   <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Semantic UI</title>
    <link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css">
    <script
      src="https://code.jquery.com/jquery-3.1.1.min.js"
      integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
      crossorigin="anonymous"></script>
    <script src="semantic/dist/semantic.min.js"></script>
  </head>

  <body>

    <header>Semantic ui</header>

      <div class="ui sidebar vertical left inverted menu">
        <a href="#" class="item">Monday</a>
        <a href="#" class="item">Tuesday</a>
        <a href="#" class="item">Wednesday</a>
        <a href="#" class="item">Thursday</a>
        <a href="#" class="item">Friday</a>
      </div>
      <div class="ui basic icon top fixed menu">
          <a id="toggle" class="item">
              <i class="sidebar icon"></i>
              Menu
          </a>
      </div>
      <div class="pusher">
          jflkjf f lekjflke fsdf s;lfks; kf;skvm ;sl;lfsdk g;ldkgl;ksd
      </div>

    <script>
      $("#toggle").click(function(){
        $(".ui.sidebar").toggle();
      });
    </script>
  </body>

</html>

当我在浏览器中打开 index.html 时，我看到页面上的样式很好，但是当我点击我的菜单时，我没有看到任何触发。日期不显示。谁能告诉我我错过了什么？

【问题讨论】：

标签： javascript html frontend semantic-ui

【解决方案1】：

只在语义 css 之前包含 jquery

【讨论】：

我这样做了，但仍然有问题。包含jquery的方式是不是错了？