Question

我试图在点击事件上触发弹出模块：

这是我的HTML：

<table>
  <tr>
    <td>First</td>
    <td>Second</td>
    <td>Third</td>
  </tr>
</table>

这里是js：

$(document).on('click', 'table td', function() {
    $(this)
      .popup({
        title    : $(this).text(),
      });
});

但由于某些原因没有任何反应。

Answer 1

您可以通过在设置中指定它来选择用于触发弹出窗口的事件：

    $(document).on('click', 'table td', function() {
    $(this)
       .popup({
           title: $(this).text(),
            on:'click'
       })
       .popup('show');
});

这是一个有效的demo。

它可以是：焦点，悬停。有关更多设置，请参阅：http://semantic-ui.com/modules/popup.html#/settings

Answer 2

可能它已初始化但未显示。

尝试添加show行为：

$(document).on('click', 'table td', function() {
    $(this)
       .popup({
           title: $(this).text(),
       })
       .popup('show');
});

文档http://semantic-ui.com/modules/popup.html#behavior

语义UI在点击事件上初始化弹出窗口

2 个答案: