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/

如何在点击其他元素时阻止关闭jQuery UI selectmenu？

1 个答案: