uskyq/headerNav.html

<headerNav>
    <div class="mainmenu-area container">
        <div class="d-flex align-items-center justify-content-between">
            <nav class="main-menu">
                <div class="logo">
                    <a href="./index.html"><img src="../assets/img/logo-white.png" alt="uskylogo"></a>
                </div>
                <div class="menu-items" >
                    <ul>
                        <li></li>
                        <!-- <li>
                            <a href="../../index.html">首页</a>
                        </li>
                        <li>
                            <a href="../../solution/index.html?solution_type=1">解决方案</a>
                            <ul class="submenu">
                                <li><a href="../../solution/index.html?solution_type=1">智慧安防</a></li>
                                <li><a href="../../solution/index.html?solution_type=2">智慧消防</a></li>
                                <li><a href="../../solution/index.html?solution_type=3">智慧建筑能源管理</a></li>
                                <li><a href="../../solution/index.html?solution_type=4">智慧电力综合管理</a></li>
                                <li><a href="../../solution/index.html?solution_type=5">智慧园区无人机综合管理</a></li>
                                <li><a href="../../solution/index.html?solution_type=6">智慧楼宇综合运营</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="../../product/index.html">产品服务</a>
                        </li>
                        <li>
                            <a href="../../technology/index.html">技术支撑</a>
                        </li>
                        <li class="active">
                            <a href="../../news/index.html">新闻动态</a>
                            <ul class="submenu">
                                <li><a href="../../news/index.html">公司新闻</a></li>
                                <li><a href="../../news/trade/index.html">行业动态</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="../../about/index.html">关于我们</a>
                        </li> -->
                    </ul>
                </div>
            </nav>
        </div>
    </div>
    <script src="../assets/js/vendor/jquery-1.12.4.min.js "></script>
    <script>
        $(function() {
            $.ajax({
                type: 'get',
                dataType: 'json',
                url: window.FQDN2 + 'siteCategory/siteCategoryList',
            }).done(function(res) {
                console.log('res')
                console.log(res)
                    // localStorage.removeItem('item')
                for (let i = 0; i < res.data.length; i++) {
                    if (res.data[i].sname == window.location.pathname) {
                        localStorage.setItem('item', JSON.stringify(res.data[i]))
                        $("title").html(res.data[i].categoryName)
                        $('meta[name="description"]').attr('content', res.data[i].metadescription)
                        $('meta[name="keywords"]').attr('content', res.data[i].metakeywords);
                        var li = $(`<li><a href = ${res.data[i].sname}>${res.data[i].categoryName}</a></li>`)
                        if (res.data[i].children.length > 0) {
                            var ul = $(`<ul class="submenu"></ul>`)
                            for (let a = 0; a < res.data[i].children.length; a++) {
                                var li2 = $(`<li>
                                    <a href=${res.data[i].sname}&id=${res.data[i].children[a].id}>${res.data[i].children[a].categoryName}</a>
                                </li>`)
                                ul.append(li2)
                            }
                            li.append(ul)
                        }
                        $(".menu-items>ul").append(li)
                    } else {
                        var li = $(`<li><a href = ${res.data[i].sname}>${res.data[i].categoryName}</a></li>`)
                        if (res.data[i].children.length > 0) {
                            var ul = $(`<ul class="submenu"></ul>`)
                            for (let a = 0; a < res.data[i].children.length; a++) {
                                var li2 = $(`<li>
                                    <a href=${res.data[i].sname}&id=${res.data[i].children[a].id}>${res.data[i].children[a].categoryName}</a>
                                </li>`)
                                ul.append(li2)
                            }
                            li.append(ul)
                        }
                        $(".menu-items>ul").append(li)
                    }

                }
                $(".menu-items ul li").hover(function() {
                  
                    $(this).addClass("menuactive").siblings().removeClass("menuactive");
                    if ($(this).find(".submenu")) {
                        console.log(1)
                        $(".erMenu>div>.erMenuList").remove()
                        const data = $(this).children(".submenu").clone()
                        console.log(data)
                        if(data){
                            $(".erMenu>div").append(data)
                            $(".erMenu>div>.submenu").addClass("erMenuList").removeClass("submenu")
                            $(".erMenu").fadeIn()
                        }
                        
                    } else {
                        $(".erMenu").fadeOut()
                    }
                });
                $(".menu-items ul li").click(function() {})
                $(".erMenu").hover(function() {

                }, function() {
                    $(".erMenu").fadeOut()
                })
            }).fail(function(err) {});

        });
    </script>
</headerNav>