Al usar el componente de la barra de navegación de Bootstrap, si su barra de navegación tiene un menú desplegable, esta navegación con un menú desplegable solo flotará el menú desplegable cuando se haga clic. Su propio atributo HREF no será válido, lo que significa que pierde la función de hipervínculo. Esto no es lo que quiero. Espero que el enlace de la barra de navegación pueda abrir su enlace normalmente, pero también necesita la función de menú desplegable y comenzar a lanzar ~
Primero, resuelva el problema de hacer clic en la barra de navegación con un menú desplegable. El efecto del menú desplegable es implementado por JS. El análisis del archivo bootstrap.js muestra que Bootstrap escribió el menú desplegable como un complemento jQuery y encontró algunas oraciones clave en el segmento de código desplegable:
// aplicar a los elementos desplegables estándar // ====================================================== $ (documento) .on ('click.bs.dropdown.data-api', cleado). Form ', function (e) {e.stoppropagation ()}). ON (' click.bs.dropdown.data-api ', toggle, retrown.prototype.toggle) .on (' keydown.bs.dropdown.data-api ', toggle +', [rol = menú] ', desplegable.pototipo.keydown)Después de encontrar algunos códigos clave, pensé en una solución. Simplemente cierre el evento click.bs.dropdown.data-api y estará bien. El código es el siguiente:
$ (documento) .Ready (function () {$ (documento) .Off ('click.bs.dropdown.data-api');});La prueba de código anterior es efectiva. La barra de navegación se puede hacer clic para resolver el problema. Lo siguiente es para resolver el problema del menú ratero y desplegable. Esto es relativamente simple. Se puede implementar con el evento de mouse de JQuery. El código es el siguiente:
$ (documento) .Ready (function () {DropdownOpen (); // call});/*** Expanda el submenú cuando el mouse pasa a través de, para no necesitar hacer clic para expandir*/function Dropdownopen () {var $ DropDownli = $ ('li.dropdown'); $ Downdownli.mouseOver (function () {$ (this) .AddClass ('Open');}). Mouseout (function () {$ (this) .RemoVeclass ('Open');});}El anterior es el código de implementación para la barra de navegación de bootstrap en la que se puede hacer clic y desplazar para mostrar el menú desplegable. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!