¿Cómo hacer el menú desplegable de Bootstrap al pasar el mouse?

Después de tanto batallar pudimos dar con la solución de esta traba que algunos los usuarios de este sitio han tenido. Si tienes algún dato que aportar no dejes de dejar tu información.

Solución:

1.Ocultar Menú desplegable en ratón sobre.

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

2.Ocultar Menú desplegable en hacer clic.

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

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

aquí hay una función que estoy usando para hacer que los menús desplegables de la barra de navegación se deslicen hacia abajo al pasar el mouse en lugar de simplemente aparecer

$('.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()
);

Si bien Cómo hacer que el menú de arranque de Twitter se despliegue al pasar el mouse en lugar de hacer clic ha sido votado mucho, con las versiones más nuevas de Bootstrap, no es necesario piratearlo.

http://cameronspear.com/blog/twitter-bootstrap-dropdown-on-hover-plugin/ es un reemplazo para el dropdown.js existente y le permite habilitar al pasar el mouse. No se requieren modificaciones de CSS.

Si te animas, puedes dejar un escrito acerca de qué le añadirías a esta sección.

---

---

Utiliza Nuestro Buscador