语义UI弹出菜单;t打开

Semantic UI Popup doesn't open

本文关键字：打开 菜单 UI 语义      更新时间：2023-09-26

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

我只想创建一个简单的弹出式触发器，如下所示http://semantic-ui.com/modules/popup.html#specifying-a触发器事件。我尝试过复制和粘贴.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>

//更新：在此处创建了一个小提琴：https://jsfiddle.net/w46ynjwu/

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

这是一把（几乎）一样的小提琴，工作得很好

<script>//no need of this tag in jsfiddle
</script>
相关文章：