Question

我正在使用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>

Answer 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 }) })
})

更改：'菜单'输入： document.getElementById（'menu'）更改为菜单的主要ID（或更改为getElementsByClassName）

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

使WordPress Bootstrap父菜单链接可点击

1 个答案: