导航栏没有设置二级导航的按钮不能直接跳转什么情况

导航栏没有设置二级导航的按钮不能直接跳转,下面这个JS代码去掉后二级导航打不开,但是能直接点击跳转,添加后可以打开二级导航,又不能直接跳转


```javascript
 function f() {
    g.on("click", a);
    b.on("click", function (h) {
      h.stopPropagation()
    })
  }

html导航页面


```html
 <nav id="cbp-hrmenu" class="cbp-hrmenu"> <img class="logo-qw" src="assets/img/LOGO/logoh2.png" width="180px" height="60px">
        <ul>
          <li> <a href="index.html">首页</a></li>
          <li> <a href="#">关于我们</a>
            <div class="cbp-hrsub">
              <div class="cbp-hrsub-inner">
                <div> <a href="about.html">
                  <h3>公司简介</h3>
                  </a>
                  <ul>
                  </ul>
                </div>
                <div> <a href="team-grid.html">
                  <h3>团队介绍</h3>
                  </a> </div>
                <div> <a href="blog-single.html">
                  <h3>发展历史</h3>
                  </a> </div>
                <div><a href="QYRY.html">
                  <h3>企业荣誉</h3>
                  </a></div>
              </div>
              <!-- /cbp-hrsub-inner --> 
            </div>
            <!-- /cbp-hrsub --> 
          </li>
          <li> <a href="#">产品服务</a>
            <div class="cbp-hrsub">
              <div class="cbp-hrsub-inner">
                <div>
                  <h4>基础服务</h4>
                  <ul>
                    <li><a href="#">政策性园区注册地址</a></li>
                    <li><a href="#">代理公司设立服务</a></li>
                    <li><a href="#">代理记账</a></li>
                    <li><a href="#">公司变更&注销</a></li>
                    <li><a href="#">审计评估</a></li>
                  </ul>
                </div>
                <div>
                  <h4>财税配套服务</h4>
                  <ul>
                    <li><a href="#">知识产权代理</a></li>
                    <li><a href="#">扶植政策申请</a></li>
                    <li><a href="#">技术合同免税备案</a></li>
                    <li><a href="#">雏鹰/瞪羚计划及高新企业申报</a></li>
                    <li><a href="#">融资咨询</a></li>
                  </ul>
                </div>
                <div>
                  <h4>税务合规服务包</h4>
                  <ul>
                    <li><a href="#">通用产品线——核定征收服务包</a></li>
                    <li><a href="#">灵活用工服务包</a></li>
                    <li><a href="#">行业产品线——影视行业</a></li>
                  </ul>
                </div>
              </div>
              <!-- /cbp-hrsub-inner --> 
            </div>
            <!-- /cbp-hrsub --> 
          </li>
          <li> <a href="#">行业类别</a>
            <div class="cbp-hrsub">
              <div class="cbp-hrsub-inner">
                <div>
                  <h4>消费行业</h4>
                  <ul>
                    <li><a href="#">汽车</a></li>
                    <li><a href="#">消费品</a></li>
                    <li><a href="#">交通、酒店及服务</a></li>
                    <li>&nbsp;</li>
                  </ul>
                  <h4>金融服务行业</h4>
                  <ul>
                    <li><a href="#">跨子行业</a></li>
                    <li><a href="#">银行业及资本市场</a></li>
                    <li><a href="#">保险业</a></li>
                    <li><a href="#">投资管理</a></li>
                    <li><a href="#">房地产</a></li>
                  </ul>
                </div>
                <div>
                  <h4>能源、资源及工业行业</h4>
                  <ul>
                    <li><a href="#">工业产品及建筑业</a></li>
                    <li><a href="#">矿业及金属</a></li>
                    <li><a href="#">石油、天然气及化学品</a></li>
                    <li><a href="#">电力、公共设施及可再生能源</a></li>
                  </ul>
                  <h4>生命科学与医疗行业</h4>
                  <ul>
                    <li><a href="#">医疗</a></li>
                    <li><a href="#">生命科学</a></li>
                  </ul>
                </div>
                <div>
                  <h4>政府及公共服务</h4>
                  <ul>
                    <li><a href="#">政府</a></li>
                    <li><a href="#">公共卫生及社会服务</a></li>
                    <li><a href="#">国际非营利性机构/慈善机构</a></li>
                    <li><a href="#">公共交通</a></li>
                  </ul>
                </div>
              </div>
              <!-- /cbp-hrsub-inner --> 
            </div>
            <!-- /cbp-hrsub --> 
          </li>
          <li> <a href="blog-right-sidebar.html">公司动态</a> 
            
            <!-- /cbp-hrsub-inner --> 
            
            <!-- /cbp-hrsub --> 
          </li>
          <li> <a href="blog-standard.html">新闻资讯</a> 
            
            <!-- /cbp-hrsub-inner --> 
            
            <!-- /cbp-hrsub --> 
          </li>
          <li> <a href="#">人力资源</a>
            <div class="cbp-hrsub">
              <div class="cbp-hrsub-inner">
                <div> <a href="rencaizp.html">
                  <h3>人才招聘</h3>
                  </a>
                  <ul>
                  </ul>
                </div>
                <div> <a href="shehuizp.html">
                  <h3>社会招聘</h3>
                  </a> </div>
                <div> <a href="xiaoyuanzp.html">
                  <h3>校园招聘</h3>
                  </a> </div>
                <div><a href="hongyuansh.html">
                  <h3>泓远生活</h3>
                  </a></div>
              </div>
              <!-- /cbp-hrsub-inner --> 
            </div>
            <!-- /cbp-hrsub --> 
          </li>
          <li> <a href="blog-single-left-sidebar.html">联系我们</a></li>
        </ul>
      </nav>


JS所有代码

var cbpHorizontalMenu = (function() {

    var $listItems = $( '#cbp-hrmenu > ul > li' ),
        $menuItems = $listItems.children( 'a' ),
        $body = $( 'body' ),
        current = -1;

    function init() {
        $menuItems.on( '', open );
        $listItems.on( '', function( event ) { event.stopPropagation(); } );
    }

    function open( event ) {

        if( current !== -1 ) {
            $listItems.eq( current ).removeClass( 'cbp-hropen' );
        }

        var $item = $( event.currentTarget ).parent( 'li' ),
            idx = $item.index();

        if( current === idx ) {
            $item.removeClass( 'cbp-hropen' );
            current = -1;
        }
        else {
            $item.addClass( 'cbp-hropen' );
            current = idx;
            $body.off( '' ).on( '', close );
        }

        return false;

    }

    function close( event ) {
        $listItems.eq( current ).removeClass( 'cbp-hropen' );
        current = -1;
    }

    return { init : init };

})();
var cbpHorizontalMenu = (function () {
  var b = $("#cbp-hrmenu > ul > li"),
    g = b.children("a"),
    c = $("body"),
    d = -1;

  function f() {
    g.on("click", a);
    b.on("click", function (h) {
      h.stopPropagation()
    })
  }

  function a(j) {
    if (d !== -1) {
      b.eq(d).removeClass("cbp-hropen")
    }
    var i = $(j.currentTarget).parent("li"),
      h = i.index();
    if (d === h) {
      i.removeClass("cbp-hropen");
      d = -1
    } else {
      i.addClass("cbp-hropen");
      d = h;
      c.off("click").on("click", e)
    }
    return false
  }

  function e(h) {
    b.eq(d).removeClass("cbp-hropen");
    d = -1
  }
  return {
    init: f
  }
})();


以下画框的就是没添加二级导航的

img

怎么实现没有设置二级导航的可以直接跳转,设置二级导航的点击出现二级导航

别的地方不动,就改以下代码

<li onclick="window.location.href='index.html'"> <a href="#">首页</a></li>

【博主推荐】HTML制作一个美观的个人简介网页(附源码)_xcLeigh的博客-CSDN博客_自我介绍网页设计html 文章目录HTML制作一个美观的个人简介网页模块1(个人信息)示例图模块2(基本资料)示例图模块3(项目经验)示例图模块4(专业技能)示例图模块5(工作经历)示例图模块6(自我评价)示例图模块7(联系方式)示例图整体示意图源码地址HTML制作一个美观的个人简介网页利用HTML制作一个美观的个人简介网页,可以在这个基础上修改自己的个人简介信息,然后直接使用,可以直接运行,兼容pc端web和手机端web模块1(个人信息)示例图用于展示个人简介主题信息,采用背景图+文字的效果<div class= https://blog.csdn.net/weixin_43151418/article/details/124746163