Wordpress 부트 스트랩 축소 메뉴가 링크를 표시하지 않습니다.

임 부트 스트랩으로 만든 WordPress 테마에서 작업 중입니다. 현재 축소 가능한 탐색 모음이 있으며 링크가 채워져 축소되지 않을 때 작동합니다. 그러나 해상도를 변경하고 단추가 나타나면 클릭 할 수 있지만 링크가 표시되지 않습니다. 여기 Wordpress 부트 스트랩 축소 메뉴가 링크를 표시하지 않습니다.

가 내 네비게이션 바 여기

<nav class="navbar navbar-default navbar-fixed-top" role="navigation" id="navigation"> 
<div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button>  
      <?php if (get_theme_mod('themeslug_logo')) : ?> 
       <a class="navbar-brand" href='<?php echo esc_url(home_url('/')); ?>' title='<?php echo esc_attr(get_bloginfo('name', 'display')); ?>' rel='home'><img src='<?php echo esc_url(get_theme_mod('themeslug_logo')); ?>' alt='<?php echo esc_attr(get_bloginfo('name', 'display')); ?>'></a> 
       <?php else : ?> 
        <a class="navbar-brand" href='<?php echo esc_url(home_url('/')); ?>' title='<?php echo esc_attr(get_bloginfo('name', 'display')); ?>' rel='home'><?php bloginfo('name'); ?></a> 
       <?php endif; ?> 
      </div> 

      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
<ul class="nav navbar-nav"> 
      <?php /* menu */ 
      wp_nav_menu(array(
       'menu'    => 'primary', 
       'theme_location' => 'primary-menu', 
       'depth'    => 2, 
       'container'   => 'div', 
       'container_class' => 'collapse navbar-collapse navbar-ex1-collapse', 
       'menu_class'  => 'nav navbar-nav', 
       'fallback_cb'  => 'wp_bootstrap_navwalker::fallback', 
       'walker'   => new wp_bootstrap_navwalker()) 
      ); 
      ?> 
</ul> 
      </div> 
</nav>

header.php에 배치되어 출력 HTML입니다 :

<div class="navbar-collapse in" id="bs-example-navbar-collapse-1" style="height: auto;"> 
<ul class="nav navbar-nav"> 
<div class="collapse navbar-collapse navbar-ex1-collapse"> 
<ul id="menu-navigation" class="nav navbar-nav"> 
<li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22"> 
<a title="Blog" href="http://dillonraphael.com/blog/">Blog</a> 
</li> 
</ul> 
</div> 
</ul> 
</div>

출처

2014-01-08 Dondada

당신이 bootstrap.js 나에라는 파일이 포함 된 자바 스크립트 부트 스트랩을 /이 있습니까 페이지 하단? 그렇지 않으면 버튼이 아무 것도하지 않습니다. – Braunson

@Braunson 버튼이 작동합니다. 나는 그것을 누르고 흰색 상자가 확장됩니다. 그러나 내부에는 링크가 없습니다. 사이트가 더 큰 화면 크기를 사용하면 링크가 실제 navbar에 표시됩니다. – Dondada

WordPress의 출력물을 잡고 게시 할 수 있습니까? – Braunson

귀하의 출력은 네비게이션 바 붕괴 두 사업부의의를 가지고, 잘못된

WordPress wp_nav_menu 함수를 가져 와서 div 및 ul을 감싸서 제거합니다. 생성 된 div와 ul은 고유 한 클래스이므로 올바른 클래스가 지정되어 있습니다.

이를 제거하고 태그를을 닫는 것 :

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
<ul class="nav navbar-nav">

그런 다음 배열이 추가

container_id => 'bs-example-navbar-collapse-1',

출처

2014-01-08 19:44:31 Braunson

Wordpress 부트 스트랩 축소 메뉴가 링크를 표시하지 않습니다.

답변

관련 문제