0

私はビルド中のワードプレスブログを持っていますが、私はそれをブートストラップを使って構築しました。私はwp_bootstrap_navwalkerを見つけ、これを使って2つのメニューを構築しました。 "ネストされた"または "サブメニュー"以外のすべてがうまく動作します。クロムのDevtoolsでコードを調べると、HTMLでSubを見ることができます(下記参照)。wp_bootstrap_navwalkerサブメニューをクリックまたはホバーするとサブメニューが表示されません

は、ここでは、コード

<li id="menu-item-937" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-937 dropdown"><a title="More" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">More <span class="caret"></span></a> 
<ul role="menu" class=" dropdown-menu"> 
    <li id="menu-item-945" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-945"><a title="Consultancy" href="https://www.###/">Consultancy</a></li> 
    <li id="menu-item-946" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-946"><a title="PR" href="https://www.###">PR</a></li> 
</ul> 
</li> 

を点検し、私は(コード怒鳴る参照)GITのレポ内の命令を介したとしてwp_bootstrap_navwalkerを統合した方法です。

header.phpの

<nav class="navbar navbar-default navbar-fixed-top navbar-light"> 
<!-- <nav class="navbar navbar-default" style="margin-bottom: 0;">--> 
<div class="container"> 

    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collaps" 
      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 echo get_page_link(2); ?>"><img 
       src="<?php bloginfo('url'); ?>/wp-content/uploads/2016/10/logo.png"></a> 
    <button type="button" class="btn btn-primary navbar-btn navbar-right hidden-xs" style="margin-left: 10px"><span 
       class="glyphicon glyphicon-user"></span> Sign up 
    </button> 
    <button type="button" class="btn btn-primary navbar-btn navbar-right hidden-xs"><span 
       class="glyphicon glyphicon glyphicon-log-in"></span> Login 
    </button> 
</div> 

<div id="navbar" style="background-color: #333;max-height: 50px;"> 
    <div class="container"> 
     <?php bootstrap_nav(); ?> 
    </div> 
</div> 

のfunctions.php

<?php 
// Register Custom Navigation Walker 
require_once('wp_bootstrap_navwalker.php'); 

register_nav_menus(array(
    'locations-primary' => __('Primary Menu', 'Main_Menu_Blog'), 
    'locations-secondary' => __('Secondary Menu', 'Career_Advice'), 
)); 

// Bootstrap navigation 
function bootstrap_nav() 
{ 
    wp_nav_menu(array(
      'menu'    => 'Primary Menu', 
      'theme_location' => 'locations-primary', 
      'depth'    => 2, 
      'container'   => 'div', 
      'container_class' => 'collapse navbar-collapse', 
      'container_id'  => 'navbar-collaps', 
      'menu_class'  => 'nav navbar-nav', 
      'fallback_cb'  => 'wp_bootstrap_navwalker::fallback', 
      'walker'   => new wp_bootstrap_navwalker()) 
    ); 
} 

サブメニューはそのだけのクリックで開かない存在であるようなので、それが見え、私は何かが欠けている?

答えて

0

はちょうど正しいCDN'S

<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
} 
を参照しました
関連する問題