javascript - 语义 UI 在单击事件时初始化弹出窗口

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