2015-06-04 36 views
0

我有一个PrimeFaces组件,我需要在mouseOut事件中隐藏其元素的弹出。但是我不能在组件中添加鼠标,因为PrimeFaces不支持此属性。p:selectOneMenu隐藏弹出mouseOut事件

<p:selectCheckboxMenu id="selectCheckboxMenu" label="selectCheckboxMenu" onmouseout="hidePopup"> 
    <f:selectItems value="#{SelectOneMenuBean.availableRegions}" /> 
</p:selectCheckboxMenu> 

任何帮助,非常感谢。

+0

要与添加小心[标签:java描述]和[标签:jQuery的]以jsf或更具体的PrimeFaces问题。在PrimeFaces的环境中,你会得到只知道这两种技术的人的反应,但不会**。许多答案将不适用然后(=='可用/好'),即使在upvoted(由其他javascript/jquery用户) – Kukeltje

回答

1

既然你提到jquery可以如下添加mouseout

$("#selectCheckboxMenu").on('mouseout',function(){ 
    //write hidePopup function content here 
}); 

或者你也可以尝试mouseleave

$("#selectCheckboxMenu").on('mouseleave',function(){ 
    //write hidePopup function content here 
}); 
+0

您使用JSF吗?或者在这种情况下PrimeFaces?我尝试将你的答案应用于selectCheckboxMenu的PrimeFaces ShowCase,并且它失败了(用'#j_idt87:\\ menu'替换了'#selectCheckboxMenu'。我在函数中放了一个alert,并且它经常触发 – Kukeltje

+0

谢谢,这个是非常有趣的解决方案。我用另一种方式解决了我的问题,但是你的解决方案真的很安全。 – Aventes

+0

很高兴帮助!反正开心编码.. :) –