如何在模糊时自动隐藏YUI2菜单?

时间:2012-12-10 20:25:23

标签: javascript yui yui2

我有#{1}}类型"菜单"。我的任务很简单:当用户点击按钮时会显示菜单,当用户点击屏幕上的其他位置时,该菜单会被隐藏。

这是我在jsfiddle上的代码: http://jsfiddle.net/tRssn/

到目前为止我尝试过的事情:  1.将Menu小部件的YAHOO.widget.Button属性设置为true(参见上面的代码) 和  2.在“按钮/菜单”小组件上订阅模糊事件,并在可见的情况下关闭菜单。

方法1由于某种原因没有工作,并且接近2与IE和Mozilla合作,但不适用于Chrome。

难道没有一种简单的方法可以做到这一点吗?

任何帮助表示赞赏!

1 个答案:

答案 0 :(得分:0)

好的,我能够通过显式创建YAHOO.widget.Menu对象,渲染它,然后将其作为菜单分配给YAHOO.widget.Button对象来解决这个问题。

http://jsfiddle.net/tRssn/1/

奇怪的是,我必须像这样设置Menu小部件的配置,而不是在创建时: oButton.getMenu().cfg.config.clicktohide.value = true;