jquery-ui - 选择菜单下拉菜单在调整大小时移动

Question

我正在使用 jquery-ui selectmenu，并注意到如果您将下拉菜单保持打开状态并调整窗口大小，下拉菜单的移动将独立于选择。

这是一个完全库存使用的 fiddle :

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

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

有简单的解决办法吗？

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

Answer 1

这是我的快速修复:在调整窗口大小时，关闭并重新打开选择菜单(如果当前打开):

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

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