Primefaces p：overlayPanel like facebook

我需要一個像Facebook一樣的overlayPanel。 1）朋友 - >將鼠標懸停在朋友上 - >面板出現一些選項（添加朋友，可變朋友....） 2）我可以將鼠標懸停在此面板上並單擊按鈕 3）如果我懸停在外，面板disapear。Primefaces p：overlayPanel like facebook

我該怎麼做？我想我需要正確的showEvent和hideEvent。但是，什麼是正確的？非常感謝您的幫助

來源

2014-07-03 internet

號碼：overlayPanel是這個正確的組件。展示中有一個示例：http://www.primefaces.org/showcase/ui/overlay/overlayPanel.xhtml - 只需將示例中的dataTable替換爲所需的組件和事件即可。 – wemu

是的，這是正確的。我知道這個組件。問題在於我：什麼是正確的事件？我嘗試了一些，但找不到合適的解決方案。請問你能幫助我嗎？ – internet

我會說showEvent="mouseover"和hideEvent="mouseout"是你在找什麼。

來源

2014-07-04 09:04:15 QueryLars

hideEvent =「mouseout」不完全是這個，我想要的。還有哪些hideEvents？ – internet

我不知道你在找什麼。我認爲你希望覆蓋面板在將鼠標移離元素時消失。那麼你可以指定一點點嗎？ [Here]（http://javascript.info/tutorial/mouse-events），你可以找到關於鼠標事件的很好的概述。也許你可以找到你要找的東西。 – QueryLars

我在尋找和facebook一樣的東西：懸停朋友的名字（是一個鏈接） - >一個新的overlayPanel出現 - >我可以將鼠標懸停在這個overlayPanel上並點擊一些按鈕（例如「添加朋友」） - >如果我將鼠標移出面板 - > outputPanl disapear。 – internet

就發現這個問題的解決方案： 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(); 
    }); 
}

來源

2016-04-19 14:44:21 sinclair

Primefaces p：overlayPanel like facebook

回答

相關問題