selectmenu drop调整大小

Question

我正在使用jquery-ui selectmenu并注意到如果你打开下拉菜单并调整窗口大小，下拉菜单会独立于选择而移动。

这是一个完全用于库存的小提琴：

http://jsfiddle.net/kirkbross/65q0fL5r/

奇怪的是，jqueryui网站上的示例没有此问题，即使它是相同的代码。

对此有一个简单的解决方法吗？

$(function() {
  $( "#select" ).selectmenu();
});

Answer 1

这是我的quickfix：在窗口调整大小时，关闭并重新打开selectmenu（如果它当前处于打开状态）：

$(window).resize(function() {
    $('.js-selectmenu').each(function() {
        var open = $(this).next().attr('aria-expanded') == 'true';

        if (open) {
            $(this).selectmenu("close");
            $(this).selectmenu("open");
        }
    });
});