Javascript 语义用户界面弹出窗口不';t打开

Javascript 语义用户界面弹出窗口不';t打开,javascript,jquery,html,css,semantic-ui,Javascript,Jquery,Html,Css,Semantic Ui,我正在使用语义UI迈出第一步,甚至遇到了第一个无法解决的问题 我只想创建一个简单的弹出式触发器,如下所示。 我试图复制并粘贴.html和.js代码,并且在页眉中包含semantic.min.js和semantic.min.css,但无论出于何种原因,它都不会打开弹出窗口 以下是我使用的html代码: <div class="ui singleImg container"> <div class="ui hidden divider"></div>

我正在使用语义UI迈出第一步,甚至遇到了第一个无法解决的问题

我只想创建一个简单的弹出式触发器,如下所示。 我试图复制并粘贴
.html
.js
代码,并且在页眉中包含
semantic.min.js
semantic.min.css
,但无论出于何种原因,它都不会打开弹出窗口

以下是我使用的html代码:

<div class="ui singleImg container">
    <div class="ui hidden divider"></div>
    <div class="ui two column stackable grid">
      <div class="eleven wide column">
          <h1 class="ui dividing header">Test</h1>
      </div>
      <div class="five wide column">
        <div class="ui teal button" data-title="Using click events" data-content="Clicked popups will close if you click away, but not if you click inside the popup">Download</div>
        Sidebar
      </div>

    </div>
</div>
//更新:
在这里创建了一个fiddle:

您的代码中有一个问题,您没有添加jquery

这是一个(几乎)相同的工作罚款

<script>//no need of this tag in jsfiddle
</script>
//JSFIDLE中不需要此标记

检查您的控制台是否有错误,您收到的错误是不言而喻的。是的,您是对的,但在我添加了jQuery的在线版本中,您的回答对我帮助很大,因为似乎另一个脚本覆盖了我包含的jQuery:$)Thx:)
<script>//no need of this tag in jsfiddle
</script>