読者です 読者をやめる 読者になる 読者になる

ファイヤードブログ

ディジタル・パブリッシングという観点から、Webサイト制作、電子書籍制作などを。※ブログリニューアル中

Bootstrapでワンページ(シングルページ)レイアウトする時にスマホ時のグロナビのページ内遷移で広げていたトグルメニューを自動的に閉じるための一行

jQuery WebDev RWD Bootstrap

 Bootstrapのグローバルナビゲーションは、モバイル時にはデフォルトでは上からするするっと出て来ます。これは、ページ遷移があるときであれば、遷移に伴って勝手に閉じてくれるのですが、シングルページ(ワンページという呼び方で今後統一します)の時には、開きっぱなしになってしまいます。これだと、ユーザーがもういちどあの三本線を押して、自分で閉じなければならないという手間が生じてしまいます。
 調べたところ、これを解決するにはたった一行のjQueryコードだけで事足りることが判明しました。

jquery - Hide Twitter Bootstrap nav collapse on click - Stack Overflow
 これ。

$('.nav a').on('click', function(){ $(".navbar-toggle").click(); });

 結局何が言いたかったのかというと、stack overflowが素晴らしいということです。