使用Bootstrap和Navwalker类的下拉菜单已损坏

时间:2017-07-24 作者:BienHecho

我使用的是Bootstrap+navwalker类,我的问题是单击时下拉菜单不会展开<奇怪的是,如果我更改引导程序所在的URL。js被提取到一个不正确的URL下拉列表开始工作,但是我当然得到一个警告,这个文件找不到<下面是我的代码。

密码

functions.php
<?php function wpbootstrap_scripts_with_jquery()
{ 
// Register the script like this for a theme:
wp_register_script( \'custom-script\', get_template_directory_uri() . \'/js/bootstrap.js\', array( \'jquery\' ) );
// For either a plugin or a theme, you can then enqueue the script:
wp_enqueue_script( \'custom-script\' );
}
add_action( \'wp_enqueue_scripts\', \'wpbootstrap_scripts_with_jquery\' );

// Register Custom Navigation Walker
require_once(\'wp-bootstrap-navwalker.php\');

// Register Navigation Menus
register_nav_menus( array(
\'header\' => \'header\',
\'footer\' => \'footer\',
) );
?>
标题。php

<nav class="navbar navbar-inverse navbar-fixed-top" <?php echo (is_admin_bar_showing()) ? \' style="top: 32px;"\' : \'\'; ?>>
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
  <a class="navbar-brand" href="<?php bloginfo(\'url\')?>"><?php bloginfo(\'name\')?></a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

 <?php
        wp_nav_menu( array(
            \'menu\'              => \'header\',
            \'theme_location\'    => \'header\',
            \'depth\'             => 2,
            \'container\'         => \'div\',
            \'container_class\'   => \'collapse navbar-collapse\',
            \'container_id\'      => \'bs-example-navbar-collapse-1\',
            \'menu_class\'        => \'nav navbar-nav\',
            \'fallback_cb\'       => \'WP_Bootstrap_Navwalker::fallback\',
            \'walker\'            => new WP_Bootstrap_Navwalker())
        );
    ?>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container -->
</nav>
感谢您的帮助!

1 个回复
SO网友:BienHecho

发现我包括了引导程序。页脚的min.js。php,这导致了问题。当URL在函数中出错时。php然后从页脚调用的js使菜单显示正确,但随后由于函数中调用的URL不正确而导致控制台错误。php,而当两者都被正确调用时,它们发生了冲突。

去掉其中一个,效果很好。

结束

相关推荐

Benefits of using Nav Walker?

使用nav walker类比遍历wp\\u get\\u nav\\u menu\\u items()有什么好处吗?Nav Walker对我来说似乎很笨重,在数组上进行迭代感觉更容易,也更易于重用,但它绕过了wordpress的内部菜单过滤器,而我对其了解不多。这会使我的主题与一些插件不兼容吗?如能在此提供最佳实践建议,将不胜感激。