css - 语义 UI - 无法让弹出窗口处理表格行

Question

让弹出框在语义 UI 中进行协作让我感到很苦恼。我在边栏中有一个基本表格，每当有人将鼠标悬停在表格行上时，我都需要显示一个弹出窗口。看起来很基本，但我终生无法让它发挥作用。

通常在 Semantic 中，您将弹出窗口的 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'
    });
});

演示:https://jsfiddle.net/edfdqzbw/3/ (看到下一个兄弟实际上是 <tr> ，那是问题)