Как сделать всплывающее окно Bootstrap при наведении курсора?

Ответ 1

В то время как Как сделать выпадающее меню twitter bootstrap при наведении, а не клике, было много, но с новыми версиями Bootstrap, не нужно взламывать его.

http://cameronspear.com/blog/twitter-bootstrap-dropdown-on-hover-plugin/ является заменой существующего dropdown.js и позволяет вам включать при наведении. Никаких изменений CSS не требуется.

Ответ 2

раскрывающееся меню 1.Hide на mouseover.

$(document).ready(function() {
    $('.nav li.dropdown').hover(function() {
        $(this).addClass('open');
    }, function() {
        $(this).removeClass('open');
    });
});

2. Выпадающее меню "Скрыть" на нажмите.

$(document).ready(function() {
    $('.nav li.dropdown').hover(function() {
        $(this).addClass('open');
    });
});

http://jsfiddle.net/7yMsQ/1/

Ответ 3

heres функция, которую я использую, чтобы выпадающие панели навигации отображались вниз, а не просто вставлять

$('.navbar .dropdown').hover(function() {
  $(this).find('.dropdown-menu').first().stop(true, true).delay(250).slideDown();
}, function() {
  $(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideUp()
});