jQuery按钮菜单下拉保持触发模糊事件

Question

我正在尝试实施显示button的{​​{1}}，只要点击菜单以外的其他内容，就会被解雇。
但由于某些原因，当鼠标停留在按钮本身上时，也会触发dropdown menu事件。我似乎无法弄清楚如何使用菜单小部件，似乎我正在尝试做的将是菜单小部件的一个非常常见的用例。

这是我到目前为止所拥有的：

blur

$(function() {
  var menu = $("#menu").hide();
  var timer;
  menu.menu({
    focus: function() {
      clearTimeout(timer);
    },
    blur: function() {
      timer = setTimeout(function() {
      	menu.menu('collapseAll', null, true).hide();
      }, 250);
    }
  });

  $("#dropdownbtn").button().click(function() {
    menu.show().focus().position({
      my: "left top",
      at: "left bottom",
      of: this
    });
  });
});