語義UI-無法讓表格行上的彈出工作

Question

我有一段時間在彈出語義UI中進行合作。我在側邊欄中有一個基本的表格，當有人在表格行上懸停時，我需要顯示一個彈出窗口。似乎很基本，但我不能爲我的生活得到它的工作。

通常在Semantic中，您將popover的HTML作爲兄弟嵌入到受影響的元素的旁邊。然後你打電話

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

無論出於何種原因，我的popover不會出現。誰能幫我嗎？

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

Answer 1

根據文檔：

如果其無法爲包括彈出內容爲下一個兄弟， 你也可以指定自定義選擇，以幫助 鏈接彈出的內容到它的活化劑。

因此：

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

演示：https://jsfiddle.net/edfdqzbw/3/（請參閱下一個兄弟實際上是<tr>，這是問題）