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>
答案 0 :(得分:0)
我会尝试将bootstrap-collapse.js作为单个文件添加到函数文件中的wp_register_script()。并确保您正确添加bootstrap.min.js。我有同样的问题,然后正确排队我的js文件,然后它现在正常工作。
答案 1 :(得分:0)
我在为blog创建主题时找到了解决方案。
要添加的脚本......
<script src="js/bootstrap.min.js"></script>
请转到 functions.php 文件进入主题文件夹,然后点击ADD功能。
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' );