當用戶將鼠標懸停快速移動到下拉菜單時，下拉菜單在引導程序中閃爍

Question

我的網站中有一個引導菜單，當用戶將鼠標懸停在任何項目上時，在導航欄中會顯示一個下拉菜單，並且在主下拉菜單中再次有一個項目的子下拉菜單：

正如您在圖像中看到的那樣。

 <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_&_video">Photo & 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，用於主下拉列表中的項目和子下拉列表。 當用戶慢慢將光標移動到子下拉菜單時，一切都很好，但是如果用戶突然將 cursor 移動到子下拉菜單，它會閃爍很多。 我嘗試使子下拉菜單靠近其父級，但閃爍仍然沒有改變。

這是實時鏈接，請在此處輸入鏈接描述，任何人都可以告訴我這里可能出了什么問題，或者如何解決它，這會很棒。 提前致謝。

Answer 1

包含“其他事件”li 的主導航欄，單擊時打開覆蓋主導航欄的輔助導航欄，導致閃爍，因為它無法識別您選擇的導航欄-：

嘗試選擇另一個打開過渡到輔助導航欄或增加主導航欄和輔助導航欄的填充。

希望它有效！ 干杯