语义 UI 弹出窗口仅隐藏一次答案

【问题标题】：Semantic UI popup is only hidden once语义 UI 弹出窗口仅隐藏一次
【发布时间】：2021-08-26 16:35:45
【问题描述】：

我尝试在给定持续时间的点击事件上显示一个弹出窗口，然后再隐藏它。这项工作只能正常工作一次。当我第二次单击时，我得到了这种意外行为，弹出窗口不再隐藏。有什么想法吗？

function myFunction() {
  $('.button').popup({
    on: 'manual',
    inline: true
  }).popup('show').delay(500).queue(() => {
    $('.button').popup("hide")
  })
}

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>

<div id="smile" class="ui button" onclick="myFunction()">Click me first</div>
<div class="ui popup">You can see this disappear only once</div>

【问题讨论】：

标签： jquery semantic-ui

【解决方案1】：

一种解决方案是使用setTimeout

function myFunction() {
  $('.button').popup({
    on: 'manual',
    inline: true
  }).popup('show')
  setTimeout(function() {
    $('.button').popup("hide")
  }, 1000);
}

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>

<div id="smile" class="ui button" onclick="myFunction()">Click me first</div>
<div class="ui popup">You can see this disappear everytime</div>

【讨论】：