bootstrap崩潰導航不工作在我的wordpress主題在手機

Question

bootstrap崩潰導航不工作在我的wordpress主題移動 當我在移動/ iphone上使用它的菜單隱藏在使用的圖像圖標後面，但當我點擊這個圖像它不會摺疊並且不顯示所有列表項目。

<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

我會嘗試加入引導，collapse.js作爲一個單獨的文件wp_register_script（）在你的函數文件。並確保您正確添加bootstrap.min.js。我有這個相同的問題，然後正確排入我的js文件，然後它現在工作得很好。

Answer 2

我在爲我的blog創建主題時找到了解決方案。

添加腳本...

<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');