При использовании компонента навигационной панели Bootstrap, если ваша навигационная панель имеет раскрывающееся меню, то эта навигация с раскрывающимся меню будет плавать только в раскрывающемся меню при нажатии. Его собственный атрибут href будет недействительным, что означает, что он теряет функцию гиперссылки. Это не то, что я хочу. Я надеюсь, что ссылка на навигационной панели может обычно открывать свою ссылку, но она также нуждается в функции раскрывающегося меню и начнет бросить ~
Во -первых, решить проблему нажатия на панели навигации с раскрывающимся меню. Эффект раскрывающегося меню реализован JS. Анализ файла bootstrap.js показывает, что Bootstrap написал раскрывающееся меню как плагин JQUERY и обнаружил несколько ключевых предложений в сегменте раскрывающегося кода:
// Применить к стандартным выпадающим элементам // ========================================================================================================================== Форма ', function (e) {e.stoppropagation ()}). On (' click.bs.dropdown.data-api ', toggle, dropdown.prototype.toggle) .on (' keydown.bs.dropdown.data-api ', toggle +', [role = menu] ', dropdown.protototy.Найдя несколько кодов ключей, я подумал о решении. Просто закройте событие 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 (function () {$ (this) .addclass ('open');}). Mouseout (function () {$ (this) .RemoveClass ('open');});}Выше приведено код реализации для навигационной панели Bootstrap, который можно щелкнуть и нанести ущерб, чтобы отобразить раскрывающееся меню. Я надеюсь, что это будет полезно для всех. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит всем вовремя. Большое спасибо за вашу поддержку сайту wulin.com!