如何防止點擊其他元素關閉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/