Jquery .resize（）不会触发我的功能

Question

我编写了JS函数，通过使用clone和append将项目从第3项开始嵌入子菜单来制作响应式HTML列表菜单。

<div class="menu-header-menu-container">
 <ul id="menu-header-menu" class="navigation">
  <li>Item 1</li>
  <li>Item 2</li>
  .....
 </ul>
</div>

有一次，我每次重新调整浏览器窗口时都包含.resize来触发函数，我发现函数不会触发

$(window).resize(function() {
 if ($(window).width() < 640) {
  $(function () {
  var lis = $('.menu-header-menu-container ul li:gt(0)').clone();
  $('.menu-header-menu-container ul li:gt(0)').remove();
  var newLI = $('<li class="toggle-dropdown"><a href="javascript:void(0)">المزيد +</a></li>')
  var newUL = $('<ul class="nested"></ul>');
  $('.menu-header-menu-container ul').append(newLI);
  $( ".toggle-dropdown a" ).append(newUL);
  newUL.append(lis);
});
} else if ($(window).width() > 640) {
  $(function () {
  var lis_old = $('.menu-header-menu-container ul.nested').clone();
  $( ".toggle-dropdown", "ul.nested" ).remove();
  $('.menu-header-menu-container ul').append(lis_old);
  // alert("Hello");
  });
}
});

代码段：https://jsfiddle.net/3o32rj1m/

非常感谢任何解决此问题的帮助：）