我正在使用 Bootstrap 3 框架来构建响应式网站。我在移动屏幕上使用折叠功能时遇到问题。我知道这与我的手机和实现无关,因为当我缩小浏览器窗口时我也无法让它工作。 {module}标签是动态生成的导航,以ul列表形式生成。
HTML:
<div class="navbar navbar-fixed-top navbar-inverse hidden-md hidden-lg">
<div class="container">
<div>
<h3 class="pull-left" style="color:#fff;">Bemidji Sculpture Walk</h3>
</div>
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle"collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
{module_menu,1328069}
</div>
</div>
</div>
jQuery:
$(document).ready(function(){
$('#nav_1328069').addClass('nav');
$('#nav_1328069').addClass('dropdown');
$('#nav_1328069').addClass('navbar-nav');
$('#nav_1328069 li.selected').addClass('active');
});
</script>
最佳答案
您忘记添加 =
对于data-toggle
<button>
上的属性- 相反使用:
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
关于jquery - Bootstrap 3 移动菜单折叠不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19140611/