#javascript #html #jquery #css #bootstrap-4
#javascript #HTML #jquery #css #bootstrap-4
Вопрос:
на моем веб-сайте есть загрузочное меню, на панели навигации, когда пользователь наводит курсор на любой элемент, отображается выпадающий список, и снова в главном раскрывающемся списке есть дополнительный выпадающий список для элементов:
как вы можете видеть на изображении.
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Entertainment </a>
<ul class="dropdown-menu animated">
<li><a href="https://www.booktheparty.in/kids_party-planner/entertainment/MQ/stage_shows">Stage Shows</a></li>
<li><a href="https://www.booktheparty.in/kids_party-planner/entertainment/MQ/game_stalls">Game Stalls</a></li>
<li><a href="https://www.booktheparty.in/kids_party-planner/entertainment/MQ/entertainment_stalls">Entertainment Stalls</a></li>
<li><a href="https://www.booktheparty.in/kids_party-planner/entertainment/MQ/special_effects">Special Effects</a></li>
<li><a href="https://www.booktheparty.in/kids_party-planner/entertainment/MQ/mascots">Mascots</a></li>
<li><a href="https://www.booktheparty.in/kids_party-planner/entertainment/MQ/photo_amp;_video">Photo amp; Video</a></li>
<li><a href="https://www.booktheparty.in/kids_party-planner/entertainment/MQ/sound">Sound</a></li>
<li><a href="https://www.booktheparty.in/kids_party-planner/entertainment/MQ/rentals">Rentals</a></li>
<li><a href="https://www.booktheparty.in/kids_party-planner/entertainment/MQ/tent_wala">Tent Wala</a></li>
<li><a href="https://www.booktheparty.in/kids_party-planner/entertainment/MQ/makeup_artists">Makeup Artists</a></li>
</ul>
</li> это пример HTML для элемента в главном выпадающем списке с дополнительным выпадающим списком. когда пользователь медленно перемещает курсор в выпадающий список sub, все в порядке, но если пользователь внезапно перемещает курсор в выпадающий список sub, он сильно мерцает. я попытался сделать дополнительный выпадающий список близким к его родительскому, но все равно мерцание не меняется.
это живая ссылка введите описание ссылки здесь может кто-нибудь, пожалуйста, сказать мне, что здесь может быть не так, или как это исправить, это было бы здорово. заранее спасибо.
Ответ №1:
Основная навигационная панель, которая содержит «другие события» li , при нажатии открывает дополнительную навигационную панель, которая переопределяет основную навигационную панель, что приводит к мерцанию, поскольку она не может определить, какую навигационную панель вы выбираете-:
попробуйте выбрать другой открывающий переход к дополнительной панели навигации или увеличить отступы основной и дополнительной панели навигации.
Надеюсь, это сработает! приветствия
Комментарии:
1. я не понял, можете ли вы показать как код или что-то в этом роде
2. Допустим, вы добавили анимацию наведения курсора мыши. Чтобы при наведении курсора на элемент его ширина увеличивалась, вы не должны выводить элемент, который вы анимируете, из положения курсора, или вы можете добавить элемент-оболочку и анимировать его из этого.