Javascript 引导折叠导航在我的移动wordpress主题中不起作用
引导折叠导航在我的移动wordpress主题中不起作用 当我在mobile/iphone上使用它时,菜单隐藏在使用过的图像图标后面,但当我单击此图像时,它不会折叠,也不会显示所有列表项Javascript 引导折叠导航在我的移动wordpress主题中不起作用,javascript,wordpress,mobile,twitter-bootstrap,Javascript,Wordpress,Mobile,Twitter Bootstrap,引导折叠导航在我的移动wordpress主题中不起作用 当我在mobile/iphone上使用它时,菜单隐藏在使用过的图像图标后面,但当我单击此图像时,它不会折叠,也不会显示所有列表项 <div class="container"> <div style="position: static;" class="navbar navbar-inverse"> <div class="navbar-inner"> &
<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>
我会尝试将bootstrap-collapse.js作为单个文件添加到函数文件中的wp\u register\u script()。并确保正确添加bootstrap.min.js。我也遇到了同样的问题,然后正确地将我的js文件排队,然后它就可以正常工作了。我在为我的主题创建主题时找到了解决方案 要添加的脚本
<script src="js/bootstrap.min.js"></script>
你有没有研究过?请不要只是发布一个链接作为答案。虽然这个链接可以回答问题,但最好在这里包含答案的基本部分,并提供链接供参考。如果链接页面发生更改,仅链接的答案可能无效。我已在答案中添加了说明。你现在可以投票了吗?
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' );