如何自動隱藏YUI2模糊菜單？

Question

我有一個「菜單」類型的YAHOO.widget.Button。我的任務很簡單：當用戶點擊按鈕時顯示菜單，當用戶點擊屏幕上的其他位置時隱藏菜單。

這是我上的jsfiddle代碼： http://jsfiddle.net/tRssn/

我試過到目前爲止： 1.設置菜單控件到真正的clicktohide財產（見上面的代碼） 和 2.訂閱模糊事件按鈕/菜單窗口小部件，並關閉菜單，如果它是可見的。

方法1因爲某些原因無法正常工作，方法2與IE和Mozilla兼容，但不適用於Chrome。

不應該有一個簡單的方法來做到這一點？

任何幫助表示讚賞！

Answer 1

好吧，我能夠通過明確地創建一個YAHOO.widget.Menu對象，渲染它，然後將它作爲菜單分配給YAHOO.widget.Button對象來解決此問題。

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

奇怪的是，我必須設置爲配置菜單控件這樣而不是在創建時： oButton.getMenu().cfg.config.clicktohide.value = true;