使 WordPress Bootstrap 父菜单链接可点击答案

【问题标题】：Make WordPress Bootstrap Parent Menu Link Clickable使 WordPress Bootstrap 父菜单链接可点击
【发布时间】：2017-06-11 07:24:21
【问题描述】：

我正在使用 Hestia Wordpress 主题并尝试使父菜单项可点击。不知道如何最好地做到这一点。下面是取自主题标题的代码。任何有关使这些链接可点击的建议将不胜感激。

        <nav class="navbar navbar-default navbar-fixed-top <?php echo esc_attr( $navbar_class ); ?>">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-collapse="collapse" data-target="#main-navigation">
                        <span class="sr-only"><?php esc_html_e( 'Toggle Navigation', 'hestia-pro' ); ?></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div class="title-logo-wrapper">
                        <a class="navbar-brand" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php bloginfo( 'name' ); ?>"><?php echo hestia_logo(); ?></a>
                    </div>
                </div>
                <?php
                    wp_nav_menu( array(
                        'theme_location'    => 'primary',
                        'depth'             => 2,
                        'container'         => 'div',
                        'container_class'   => 'collapse navbar-collapse',
                        'container_id'      => 'main-navigation',
                        'menu_class'        => 'nav navbar-nav navbar-right',
                        'fallback_cb'       => 'hestia_bootstrap_navwalker::fallback',
                        'walker'            => new hestia_bootstrap_navwalker(),
                    ) );
                ?>
            </div>
        </nav>

【问题讨论】：

您需要查看 hestia_bootstrap_navwalker 函数/文件以了解菜单的构建方式并根据您的需要进行修改。（请记住使用子主题）
好的，谢谢。我去看看。
好的我找到了你建议的文件，但是我不确定我应该在 PHP 代码中编辑什么来返回我想要的结果。任何建议都会非常有用。
你能把那个文件贴在某个地方并链接到这里吗？
我找到了答案，现在可以使用了。感谢您为我指出正确的方向。这是代码更改的链接stackoverflow.com/questions/25692514/…

标签： php wordpress twitter-bootstrap

【解决方案1】：

我意识到我来晚了，没有人（包括我）会特别喜欢这个答案，但是在多次尝试破解 WP 菜单模板和引导核心失败后 - 我决定重新附加点击事件加载。是的，这很糟糕，但它确实有效......


window.addEventListener('load', function(){
    Array.prototype.slice.call(document.getElementById('menu').getElementsByTagName('a')).forEach(function(el){ el.addEventListener('click', function(event){ window.location = event.target.href }) })
})

更改： 'menu' in: document.getElementById('menu') 更改为菜单的主 ID（或更改为 getElementsByClassName）

我把它放在我的实际模板头中，在

的最后一个

【讨论】：