jquery - 如何防止在单击其他元素时关闭 jQuery UI 选择菜单？

Question

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

请看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" );

有关基本思想，请参阅 fiddle 。您需要添加一些机制来自行关闭菜单。

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