顶部导航修复

about/index.html

@@ -54,48 +54,9 @@
                     </div> -->
                     </div>
                 </div>
-                <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.png" alt="uskylogo"></a>
-                            </div>
-                            <div class="menu-items">
-                                <ul>
-                                    <li>
-                                        <a href="../index.html">首页</a>
-                                    </li>
-                                    <li>
-                                        <a href="../solution/index.html?solution_type=1">解决方案</a>
-                                    </li>
-                                    <li>
-                                        <a href="../product/index.html">产品服务</a>
-                                    </li>
-                                    <li>
-                                        <a href="../technology/index.html">技术支撑</a>
-                                    </li>
-                                    <li>
-                                        <a href="../news/index.html">新闻动态</a>
-                                        <ul class="submenu">
-                                            <li><a href="../news">公司新闻</a></li>
-                                            <li><a href="../news/trade/index.html">行业动态</a></li>
-                                        </ul>
-                                    </li>
-                                    <li>
-                                        <a href="../case/index.html">客户案例</a>
-                                    </li>
-                                    <li class="menuactive2">
-                                        <a href="../about/index.html">关于我们</a>
-                                    </li>
-                                </ul>
-                            </div>
-                        </nav>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col-12">
-                        <div class="mobile-menu"></div>
-                    </div>
+                <div id="headerNav"></div>
+                <div>
+                    <div class="mobile-menu"></div>
                 </div>
             </div>
         </header>
@@ -292,6 +253,7 @@
             }, function() {
                 $(".erMenu").fadeOut()
             })
+            $('#headerNav').load("../headerNav.html");
         })
 
         setTimeout(() => {

headerNav.html

@@ -20,6 +20,7 @@
                 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++) {
@@ -57,13 +58,19 @@
 
                 }
                 $(".menu-items ul li").hover(function() {
+                  
                     $(this).addClass("menuactive").siblings().removeClass("menuactive");
-                    if ($(this).children(".submenu")) {
+                    if ($(this).find(".submenu")) {
+                        console.log(1)
                         $(".erMenu>div>.erMenuList").remove()
                         const data = $(this).children(".submenu").clone()
-                        $(".erMenu>div").append(data)
-                        $(".erMenu>div>.submenu").addClass("erMenuList").removeClass("submenu")
-                        $(".erMenu").fadeIn()
+                        console.log(data)
+                        if(data){
+                            $(".erMenu>div").append(data)
+                            $(".erMenu>div>.submenu").addClass("erMenuList").removeClass("submenu")
+                            $(".erMenu").fadeIn()
+                        }
+                        
                     } else {
                         $(".erMenu").fadeOut()
                     }

news/index.html

@@ -52,44 +52,7 @@
                     </div> -->
                     </div>
                 </div>
-                <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.png" alt="uskylogo"></a>
-                            </div>
-                            <div class="menu-items">
-                                <ul>
-                                    <li>
-                                        <a href="../index.html">首页</a>
-                                    </li>
-                                    <li>
-                                        <a href="../solution/index.html?solution_type=1">解决方案</a>
-                                    </li>
-                                    <li>
-                                        <a href="../product/index.html">产品服务</a>
-                                    </li>
-                                    <li>
-                                        <a href="../technology/index.html">技术支撑</a>
-                                    </li>
-                                    <li class="menuactive2">
-                                        <a href="../news/index.html">新闻动态</a>
-                                        <ul class="submenu">
-                                            <li><a href="../news">公司新闻</a></li>
-                                            <li><a href="../news/trade/index.html">行业动态</a></li>
-                                        </ul>
-                                    </li>
-                                    <li>
-                                        <a href="../case/index.html">客户案例</a>
-                                    </li>
-                                    <li>
-                                        <a href="../about/index.html">关于我们</a>
-                                    </li>
-                                </ul>
-                            </div>
-                        </nav>
-                    </div>
-                </div>
+                <div id="headerNav"></div>
                 <div>
                     <div class="mobile-menu"></div>
                 </div>
@@ -226,6 +189,7 @@
     <script src="../assets/js/element/index.js"></script>
     <script>
         $(function() {
+            
             $('#footer').load("../footer.html");
             $(".menu-items ul li").hover(function() {
                 $(".erMenu>div").html("")
@@ -249,6 +213,9 @@
             }, function() {
                 $(".erMenu").fadeOut()
             });
+
+            $('#headerNav').load("../headerNav.html");
+
         })
         var news_list = [];
         var app = new Vue({

solution/index.html

@@ -51,44 +51,7 @@
                         </div> -->
                     </div>
                 </div>
-                <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.png" alt="uskylogo"></a>
-                            </div>
-                            <div class="menu-items">
-                                <ul>
-                                    <li>
-                                        <a href="../index.html">首页</a>
-                                    </li>
-                                    <li class="menuactive2">
-                                        <a href="../solution/index.html?solution_type=1">解决方案</a>
-                                    </li>
-                                    <li>
-                                        <a href="../product/index.html">产品服务</a>
-                                    </li>
-                                    <li>
-                                        <a href="../technology/index.html">技术支撑</a>
-                                    </li>
-                                    <li>
-                                        <a href="../news/index.html">新闻动态</a>
-                                        <ul class="submenu">
-                                            <li><a href="../news">公司新闻</a></li>
-                                            <li><a href="../news/trade/index.html">行业动态</a></li>
-                                        </ul>
-                                    </li>
-                                    <li>
-                                        <a href="../case/index.html">客户案例</a>
-                                    </li>
-                                    <li>
-                                        <a href="../about/index.html">关于我们</a>
-                                    </li>
-                                </ul>
-                            </div>
-                        </nav>
-                    </div>
-                </div>
+                <div id="headerNav"></div>
                 <div>
                     <div class="mobile-menu"></div>
                 </div>
@@ -227,6 +190,7 @@
     <script>
         $(function() {
             $('#footer').load("../footer.html");
+            $('#headerNav').load("../headerNav.html");
             $(".menu-items ul li").hover(function() {
                 $(".erMenu>div").html("")
                 $(this).addClass("menuactive").siblings().removeClass("menuactive");
@@ -246,10 +210,13 @@
                 } else {
                     $(".erMenu").fadeOut()
                 }
+                
+
             });
             $(".erMenu").hover(function() {}, function() {
                 $(".erMenu").fadeOut()
             })
+           
         })
 
         var app = new Vue({