semantic-ui javascript不会触发任何动作

时间:2017-01-17 00:22:51

标签: javascript html frontend semantic-ui

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

我的文件在semantic / dist文件夹中

project folder

我在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时,我看到我的页面上的样式很好,但是当我点击我的菜单时,我看不到任何触发。日期不会显示。谁能告诉我我失踪了什么?

1 个答案:

答案 0 :(得分:0)

在语义css之前包含jquery