2015-09-29 270 views
1

我的客戶不喜歡Bootstrap的子菜單隱藏在瀏覽器使用慢速互聯網連接後點擊的事實 - 菜單項隱藏,但所請求的頁面不顯示(還) 。他們可能會嘗試一次又一次地點擊菜單。Bootstrap子菜單隱藏後點擊

有沒有什麼辦法讓下拉菜單至少保持展開狀態,直到下一個頁面沒有開始渲染?非常感謝。

+2

但並不像預期的UI行爲?那麼加載彈出窗口呢?或者禁用菜單?或者以某種方式告訴他們「我們收到了您的點擊,不要再點擊」。 –

+1

好主意,謝謝,一定會考慮他們! – petiar

回答

1

不知道純CSS或引導的解決辦法,但你可以從一些JavaScript進一步傳播停止事件:

$('.myMenu a').click(function(e) { 
    e.stopPropagation(); 
    $(this).parent().parent().html("Loading..."); 
}); 

這將消除從下拉列表中HTML並添加加載消息。

http://www.bootply.com/FTBIkP9hfX

如果你想要做的就是離開打開菜單,刪除第二行:

$('.myMenu a').click(function(e) { 
    e.stopPropagation(); 
});