Jquery 只在调整窗口大小时调用一次函数

我很难让它工作：

调整窗口大小时，该代码工作正常。当有足够的空间时，1项被放回菜单中

但是当您从一个狭窄的屏幕开始最大化浏览器时（无需拖动浏览器使其变大），代码只会放回一个项目，即使应该有足够的空间容纳多个项目，甚至所有项目。（在上面的链接中尝试：缩小范围，然后最大化浏览器，只放回一个项目）

下面是从

隐藏链接

中获取第一项并将其放回

可见链接

的部分

if(availableSpace > breaks[breaks.length-1]) {

  // Move the item to the visible list
  $hlinks.children().first().appendTo($vlinks);
  breaks.pop();
}

该函数只被调用一次，因此当您最大化浏览器时，只有一个项被放回。毕竟，您只需调整窗口大小一次

当最大化窗口时，如何使所有元素（尽可能多的适合）都放回原处

// change to while loop
while(availableSpace > breaks[breaks.length-1]) {

  // Move the item to the visible list
  $hlinks.children().first().appendTo($vlinks);
  breaks.pop();
}