首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >semantic-ui javascript不触发任何操作

semantic-ui javascript不触发任何操作
EN

Stack Overflow用户
提问于 2017-01-17 08:22:51
回答 1查看 82关注 0票数 0

我遵循了从Semantic-ui.com安装语义中的说明。我成功地将语义安装在我的项目文件夹中,并使用gulp进行构建

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

我有index.html中的代码:

代码语言:javascript
复制
<!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时,我看到页面上的样式很好,但当我单击菜单时,我看不到任何触发。日期没有显示出来。谁能告诉我我错过了什么?

EN

回答 1

Stack Overflow用户

发布于 2017-01-17 19:07:45

只需在语义css之前包含jquery

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41687156

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档