我的孩子<；李>；元素在我使用jQuery移动它时消失

我正在做的项目有一个大屏幕的子菜单。对于小屏幕，我需要将子菜单移动到主菜单中，我使用以下

jQuery

      $(document).ready(function () {
        if ($(window).width() < 768) {
            $(".adminSubMenu").append($(".move"));
        } else {
            $(".sub-menu").append($(".move"));
        }
    });

    $(window).resize(function () {
        if ($(window).width() < 768) {
            $(".adminSubMenu").append($(".move"));
        } else {
            $(".sub-menu").append($(".move"));
        }
    });  

我的问题是我想把它移到

中，它在上面的代码中用类

none

标记。当我从外部

中删除

Admin子菜单

类，并将其放在内部

中以代替无时，我的列表中有两个空行。子菜单中的

元素已消失，但添加到子菜单中的所有元素都已消失

<li class="move"></li>
<li class="move"></li>

---

当我将代码放在VisualStudio中查找我的问题时，它起了作用。任何帮助都将不胜感激。

不清楚您到底在问什么，但您当前的代码似乎对您试图做的事情过于苛刻。为什么不直接使用引导类根据屏幕大小显示/隐藏菜单？您的html无效。。。

ul

不能是

ul

的子菜单@APAD1 Bootstrap将使用我们使用的class=“navbar collapse-collapse-navbar responsive collapse”将菜单折叠为汉堡包菜单。但是我们在这个页面上有一个子菜单，我找不到一种方法让bootstrap将两个单独的菜单列表合并成一个汉堡包菜单。“如果可能的话，我更愿意用bootstrap来做。”埃帕斯卡雷罗谢谢你的提示。我没有仔细看我所关注的例子。我做了改变，它似乎正在发挥作用。谢谢

<li class="move"></li>
<li class="move"></li>