2014-09-13 124 views
0

我有一個帶有Twitter引導框架的「單頁滾動」網站。如何在用戶點擊Twitter Bootstrap鏈接後自動摺疊移動視圖上的頂部導航欄?

在桌面視圖上,我的頂部導航欄始終可見,頂部導航欄的不同鏈接將用戶定位到頁面的不同部分。

在移動視圖上,頂部導航欄默認爲摺疊狀態。用戶必須點擊頂部導航欄的漢堡菜單才能展開它,然後點擊鏈接自動滾動到該部分。 問題是,在移動視圖上,在粘貼鏈接後,頂部導航欄不會摺疊並保持打開狀態,用戶必須手動關閉它。

在用戶點擊移動視圖鏈接後,應該使用什麼CSS或JS自動關閉導航欄?

回答

2

試試這個(我假設自舉3

$('.nav a').on('click', function(){ 
    $(".navbar-toggle").click() //bootstrap 3.x 
}); 
+0

它完美,非常感謝!@macsupport – meesk 2014-09-25 01:13:15