如何防止点击其他元素关闭jQuery UI selectmenu？

Question

我有一个jQuery UI selectmenu下拉菜单。它是一些元素。点击此元素时，下拉菜单会关闭。 如何防止点击其他元素关闭jQuery UI selectmenu？

请看看http://jsfiddle.net/98beco3h/，你就会明白我想要做什么。

$('.month_select').selectmenu({ 
    open: function(event, ui) { 
     $(".year-spinner_block").position({ 
     of: $(".ui-selectmenu-open"), 
     my: 'center bottom', 
     at: 'center bottom' 
     }); 
    }, 
    close: function() { 
     $(".year-spinner_block").css({ 
      'position': 'absolute', 
      'left': '-9999px' 
     }); 
    } 
}); 
$('.year-spinner').spinner(); 

Answer 1

您需要防止文档mousedown事件（打开时设置）发射。例如：

$(document).off("mousedown"); 

请参阅小提琴的基本思路。您将需要添加一些机制来自己关闭菜单。

http://jsfiddle.net/98beco3h/4/