Подстановочное меню Bootstrap после нажатия

Question

Клиенту не нравится тот факт, что подменю Bootstrap скрывается сразу после кликов, которые могут смущать посетителей, используя медленное подключение к Интернету - элемент меню скрывается, однако запрашиваемая страница пока не отображается (пока) , Они могут попытаться щелкнуть по меню снова и снова.

Есть ли способ получить раскрывающееся меню, по крайней мере, до тех пор, пока следующая страница не начнет рендеринг? Большое спасибо.

Answer 1

Не уверен в чистом CSS или Bootstrap обходного пути, но вы можете остановить событие от распространяющихся далее с некоторыми 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(); 
});