Javascript Jquery.resize（）不会触发我的函数

我使用

clone

和

append

将从第三个项目开始的项目嵌套到子菜单中，对JS函数进行了编码，从而生成响应性HTML列表菜单

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

代码段：

---

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

除了创建无限循环并使浏览器崩溃之外，它对melogic bug也很有效：关于

window.width=640

？您为什么要使用js使您的站点具有响应性？使用css媒体查询。@Cruiser css不会根据索引顺序嵌套列表项。例如，Bootstrap可以嵌套所有只使用CSS就可以轻松处理的项目。上述代码工作得非常好除了创建无限循环和破坏浏览器外，它还可以很好地处理melogic bug：那么

window.width=640

？为什么要使用js使您的站点具有响应性？使用css媒体查询。@Cruiser css不会根据索引顺序嵌套列表项。例如，Bootstrap嵌套了所有项目，这些项目只需使用CSS即可轻松处理

$(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");
  });
}
});