L丶孤痞 2022-06-01 11:09 采纳率: 80%
浏览 54
已结题

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

导航栏没有设置二级导航的按钮不能直接跳转,下面这个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

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

  • 写回答

1条回答 默认 最新

报告相同问题?

问题事件

  • 系统已结题 6月9日
  • 已采纳回答 6月1日
  • 修改了问题 6月1日
  • 创建了问题 6月1日

悬赏问题

  • ¥15 netty整合springboot之后自动重连失效
  • ¥20 wireshark抓不到vlan
  • ¥20 关于#stm32#的问题:需要指导自动酸碱滴定仪的原理图程序代码及仿真
  • ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
  • ¥15 stata安慰剂检验作图但是真实值不出现在图上
  • ¥15 c程序不知道为什么得不到结果
  • ¥40 复杂的限制性的商函数处理
  • ¥15 程序不包含适用于入口点的静态Main方法
  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位,为什么我这个没有实现模拟点击