使用autoDisplay隐藏p:menubar =“false

时间:2015-06-19 06:11:30

标签: jquery primefaces

我有p:menubar autoDisplay="false",因此只有点击它才会打开菜单。

当用户通过iframe调用以下方法点击iframe时,我设法隐藏了菜单:

$("body").click(function(){
        top.closeMenu();
    });

从首页我做了:

function closeMenu(){
    $(".umfMenu").find(".ui-widget-content").hide();
    $(".umfMenu").find(".ui-state-hover").removeClass("ui-state-hover");
}

现在菜单已成功隐藏但重新出现onHover事件,因为他的状态仍处于活动状态(我只想通过点击它来显示菜单)

你知道怎么代替隐藏我可以通过不活动来重置菜单的状态吗?

我的菜单是:

<p:menubar  model="#{mainHeader.model}" autoDisplay="false" styleClass="umfMenu"/>

我正在使用primefaces 3.5

1 个答案:

答案 0 :(得分:0)

我想问你,但我还没有足够的声誉。 Adiztu,您是否尝试在p:menubar中取消绑定悬停事件?

$(.umfMenu).unbind('mouseenter mouseleave');

我已阅读文档,我认为此行可以为您提供帮助。

https://code.google.com/p/primefaces/source/browse/primefaces/trunk/src/main/resources/META-INF/resources/primefaces/menu/menu.js?r=7888