bootstrap折疊導航在我的wordpress主題中不起作用

Question

當我在手機/ iphone上使用時，bootstrap折疊導航在我的wordpress主題中不起作用，菜單隱藏在使用的圖像圖標后面，但是當我單擊此圖像時，它不會折疊並且不會顯示所有列表項。

   <div class="container">
<div style="position: static;" class="navbar navbar-inverse">
          <div class="navbar-inner">
            <div class="container">
              <a data-target="navbar-inverse-collapse" data-toggle="collapse" class="btn btn-navbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </a>
              <a href="#" class="brand"><img src="<?php echo get_template_directory_uri();?>/images/spa_logo.png" alt="spasalon" /></a>
               <div class="nav-collapse collapse navbar-inverse-collapse">

                  <?php
          if ( has_nav_menu( 'header-menu' ) ):

          wp_nav_menu( array(  'menu'       => 'header-menu',
                       'theme_location' => 'header-menu',
                       'depth'      => 3,
                       'container'  => false,
                       'menu_class' => 'nav',
                       'menu_id'=>'a',
                       'show_home'=>'HOME',
                      'fallback_cb' => 'wp_page_menu', 

                        'walker' => new twitter_bootstrap_nav_walker()
                        )
                        );


      endif; ?> 


     </div><!-- /.nav-collapse -->
            </div>
          </div><!-- /navbar-inner -->
        </div>

Answer 1

我會嘗試將bootstrap-collapse.js作為單個文件添加到功能文件中的wp_register_script（）。 並確保您正確添加了bootstrap.min.js。 我遇到了同樣的問題，然后正確地將我的js文件放入隊列，然后它現在可以正常工作了。

Answer 2

我在為博客創建主題時找到了解決方案。

要添加的腳本...

<script src="js/bootstrap.min.js"></script>

• 請轉到functions.php文件進入主題文件夾，然后在函數下方添加。

   function tsbs2013_scripts_with_jquery(){ // Register the script like this for a theme: wp_register_script( 'custom-script', get_template_directory_uri() . '/js/bootstrap.min.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', 'tsbs2013_scripts_with_jquery' );