语义 UI- 无法让弹出窗口在 table 行上工作

Question

让弹出窗口在语义中进行合作让我很费劲UI。我在边栏中有一个基本的 table，每当有人将鼠标悬停在 table 行上时，我需要显示一个弹出窗口。看起来很基本，但我一辈子都无法让它工作。

通常在语义中，您将弹出窗口的 HTML 作为兄弟元素嵌入到受影响的元素旁边。然后你打电话

$(".user-popover").popup({
    position: 'right center'
});

无论出于何种原因，我的弹出窗口都不会出现。谁能帮帮我？

https://jsfiddle.net/edfdqzbw/1/

Answer 1

根据文档：

If its not possible to include the popup content as the next sibling, you can also specify a custom selector to help link the popup contents to its activator.

因此：

$(function () {
    $(".user-popover").popup({
        hoverable: true,
        popup : $('.popup'),
        position: 'right center',
        lastResort: 'right center'
    });
});

DEmo：https://jsfiddle.net/edfdqzbw/3/（看到下一个兄弟实际上是 <tr>，这是个问题）

语义 UI- 无法让弹出窗口在 table 行上工作

Semantic UI- can't get popover to work on table rows

css

popover

semantic-ui