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>