Primefaces p：overlayPanel就像facebook一样

Question

我需要一个像facebook这样的overlayPanel。 1）朋友 - ＆gt;将鼠标悬停在朋友上 - ＆gt;面板出现一些选项（添加朋友，可变的朋友....） 2）我可以将鼠标悬停在此面板上并单击按钮 3）如果我徘徊，小组会消失。

我该怎么做？ 我想我需要正确的showEvent和hideEvent。但是正确的是什么？ 非常感谢你的帮助

Answer 1

我会说showEvent="mouseover"和hideEvent="mouseout"就是您要找的。

Answer 2

刚刚在这个问题中找到了解决方案： Latency issue with Primefaces overlayPanel - loads to lazy

这就是诀窍：

<p:overlayPanel .... onShow="onShowOverlayPanel(this)" ...>

function onShowOverlayPanel(ovr) {
    ovr.jq.on("mouseleave", function(e) {
        ovr.jq.hide();
    });
}