Question

我正在开发的项目有一个大屏幕子菜单。对于小屏幕，我需要将子菜单移动到主菜单中，我使用以下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"));
        }
    });

如果我使用它来附加到其中包含<ul>类的adminSubMenu列表，则代码可以正常工作。

<div id="navigate">
    <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#navbar-main">
        <span class="sr-only">Mobile Menu Button</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
</div>

<nav id="menu" role="navigation">
    <div class="navbar-collapse collapse navbar-responsive-collapse " id="navbar-main" style="height: 1px;">
        <div class="row">
            <ul class="nav navbar-nav yamm adminSubMenu">
               <li><a href="/rat/home.action">Home</a></li>
               <li><a href="/rat/rule/ruleSummary.action">Rules</a></li>
               <li><a href="/rat/fiveYearReview/fiveYearSummary.action">5 Year Review</a></li>  
               <li><a href="/rat/admin/employee.action">Admin</a></li>  
                    <ul class="none"></ul>        
               <li><a href="/rat/logout.action" onclick="window.close();">Logout</a></li>                       
            </ul>
        </div>
    </div>  
</nav>
<div class="rowNav">
   <nav id="menu" role="navigation">
        <section id="subnav" >      
        <div class="rowNav">
            <div class="navbar-collapse collapse navbar-responsive-collapse " id="navbar-sub" style="height: 1px;">
                <ul class="nav navbar-nav yamm sub-menu">
                    <li class="move"><a href="/rat/admin/refQuestion.action">Review Admin</a></li>                               
                    <li class="move"><a href="/rat/admin/employee.action">Employee Admin</a></li>       
                </ul>
            </div>
         </div>     
        </section>
    </nav>
</div>

我的问题是我想将其移动到上面代码中标有类<ul>的{{1}}。当我从外部none移除adminSubMenu类并将其放在内部<ul>中代替无内容时，我的列表中会出现两个空白行。 <ul>元素已从子菜单中删除，但所有添加到子<li>的元素都是

<ul>

当我将代码放在Visual Studio中以找到我的问题时，它有效。任何帮助将不胜感激。

当我使用jQuery移动它时，我的<li>元素的子元素消失了

0 个答案: