语义 UI 弹出窗口无法打开

Question

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

我只想创建一个简单的弹出触发器，就像这里 http://semantic-ui.com/modules/popup.html#specifying-a-trigger-event 一样。我尝试复制并粘贴 .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>

在 </body> 之前，我还添加了以下 .js 代码：

<script>
    $('.teal.button')
      .popup({
        on: 'click'
      })
    ;
</script>

//更新： 在此处创建了 fiddle：https://jsfiddle.net/w46ynjwu/

Answer 1

您的代码有问题，您没有添加 jquery。

这是一个（几乎）相同的 fiddle 工作正常

<script>//no need of this tag in jsfiddle
</script>

语义 UI 弹出窗口无法打开

Semantic UI Popup doesn't open

html

javascript

css

jquery

semantic-ui