Bootstrap Navigation Bar 구성 요소를 사용하는 경우 네비게이션 바에 드롭 다운 메뉴가 있으면 드롭 다운 메뉴가있는이 탐색은 클릭하면 드롭 다운 메뉴 만 떠 다니게됩니다. 자체 HREF 속성이 유효하지 않으므로 하이퍼 링크 기능이 상실됩니다. 이것은 내가 원하는 것이 아닙니다. 내비게이션 바의 링크가 링크를 정상적으로 열 수 있기를 바랍니다. 그러나 드롭 다운 메뉴 기능도 필요하며 던지기 시작 ~ ~
먼저 드롭 다운 메뉴로 탐색 표시 줄을 클릭하는 문제를 해결하십시오. 드롭 다운 메뉴 효과는 JS에 의해 구현됩니다. bootstrap.js 파일의 분석은 Bootstrap이 드롭 다운 메뉴를 jQuery 플러그인으로 작성하고 드롭 다운 코드 세그먼트에서 몇 가지 주요 문장을 찾았 음을 보여줍니다.
// APPLY TO STANDARD DROPDOWN ELEMENTS// =====================================================$(document).on('click.bs.dropdown.data-api', clearMenus).on('click.bs.dropdown.data-api', '.dropdown form ', function (e) {e.stoppropagation ()}). on ('click.bs.dropdown.data-api ', 토글, 드롭 다운 .prototype.toggle) .on ('keydown.bs.dropdown.data-api ', 토글 +', [역할 = 메뉴], dropdown.prototype.keydown)몇 가지 주요 코드를 찾은 후 솔루션을 생각했습니다. click.bs.dropdown.data-api 이벤트를 닫으면 괜찮을 것입니다. 코드는 다음과 같습니다.
$ (document) .ready (function () {$ (document) .off ( 'click.bs.dropdown.data-api');});위의 코드 테스트가 효과적입니다. 내비게이션 바를 클릭하여 문제를 해결할 수 있습니다. 다음은 마우스 호버링 및 풀다운 메뉴의 문제를 해결하는 것입니다. 이것은 비교적 간단합니다. JQuery의 마우스 이벤트로 구현할 수 있습니다. 코드는 다음과 같습니다.
$ (document) .ready (function () {dropdownopen (); // call});/*** 마우스가 통과 할 때 하위 메뉴를 확장하여*/function dropdownopen () {var $ dropdownli = $ ( 'li.dropdown'); $ dropdownli.mouseOver () {$ (이)위의 것은 드롭 다운 메뉴를 표시하기 위해 클릭하고 호버링 할 수있는 부트 스트랩 내비게이션 바의 구현 코드입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!