【问题标题】:Current menu item doesn't activate on home (first) section until movement当前菜单项不会在主页(第一)部分激活,直到移动
【发布时间】:2016-02-03 23:49:02
【问题描述】:

我正在使用 Wordpress 和 Underscores 入门主题为客户构建网站。着陆页是一个单页浏览器,带有一个导航菜单,可以滑动到带有锚标签的正确部分。

问题在于,对于第一部分,导航链接的“当前”类不会激活,直到我单击“主页”链接本身(页面不移动,只有类激活)或向下滚动一点。在 html 中,“home”部分出现在视口的顶部,因此它应该在着陆时被激活。有什么想法吗?

【问题讨论】:

    标签: html css wordpress


    【解决方案1】:

    您可以在页面加载时添加当前类

    $('.main-menu li:first-child').addClass('current');
    

    或者事件检查是否没有选中项:

    if ($('.main-menu .current').length == 0)
        $('.main-menu li:first-child').addClass('current');
    

    【讨论】:

      【解决方案2】:

      你可以用 js jquery 来触发它,类似于

      $('.yourFirstMenuElement').click();
      

      【讨论】:

      • 点击的时候不会激活吗?当我在没有任何交互的情况下登陆页面时,我需要突出显示“主页”部分。
      • 那不是事件函数。这只会在页面加载时触发一次点击。
      • 修复了主页登陆问题。虽然当我通过锚链接登陆到其他部分而不是主页时,不需要主页点击。
      • 好的,也许你可以检查 url 是否有 #...仅在页面加载后进行 scrollTop 检查,以触发活动链接,就像已经脚本以某种方式工作一样......
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-05-17
      • 1970-01-01
      • 2011-04-19
      • 1970-01-01
      • 2013-10-24
      • 1970-01-01
      • 2021-05-03
      相关资源
      最近更新 更多