Ao usar o componente da barra de navegação de bootstrap, se sua barra de navegação tiver um menu suspenso, essa navegação com um menu suspenso apenas flutuará no menu suspenso quando clicado. Seu próprio atributo href será inválido, o que significa que perde a função de hiperlink. Não é isso que eu quero. Espero que o link da barra de navegação possa abrir seu link normalmente, mas também precisa da função de menu suspenso e começar a jogar ~
Primeiro, resolva o problema de clicar na barra de navegação com um menu suspenso. O efeito do menu suspenso é implementado pelo JS. A análise do arquivo bootstrap.js mostra que o bootstrap escreveu o menu suspenso como um plug-in jQuery e encontrou algumas frases-chave no segmento de código suspenso:
// Aplique a elementos suspensos padrão // ===================================================== (documento) .on ('click.bs.drowdown.data-api', clearmenus. form ', function (e) {e.stopPropagation ()}).Depois de encontrar alguns códigos -chave, pensei em uma solução. Basta fechar o evento click.bs.dropdown.data-api e tudo bem. O código é o seguinte:
$ (document) .ready (function () {$ (document) .off ('click.bs.dropdown.data-api');});O teste de código acima é eficaz. A barra de navegação pode ser clicada para resolver o problema. O seguinte é resolver o problema do menu do mouse pairando e puxando. Isso é relativamente simples. Ele pode ser implementado com o evento de mouse da JQuery. O código é o seguinte:
$ (document) .ready (function () {suspenso (); // chamado});/*** Expanda o submenu quando o mouse passar, para não precisar clicar para expandir*/functionar suspenso () {var $ suspenso () ('li.dropdow {$ (this) .addclass ('Open');}).O acima é o código de implementação da barra de navegação de bootstrap que pode ser clicada e pairada para exibir o menu suspenso. Espero que seja útil para todos. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a todos a tempo. Muito obrigado pelo seu apoio ao site wulin.com!