停止導航移動時懸停

我正在創建一個導航（在WordPress中），並且在懸停在菜單上以顯示下拉菜單時遇到問題。 http://jsfiddle.net/ggp9pywy/1/停止導航移動時懸停

的小提琴是一個活生生的例子，懸停在數字1，3 & 4時，在申報單動，我希望他們留在同一個地方。

<div class="mainNavi"> 

    <ul id="menu-main-navigation" class="nav navbar-nav navbar-right"><li id="menu- item-156" class="Number1Class menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-156"><a href="#">Number1</a> 
    <ul class="sub-menu"> 
    <li id="menu-item-385" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-385"><a href="#">Number1</a> 
    <ul class="sub-menu"> 
     <li id="menu-item-384" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-384"><a href="#">Number 1</a></li> 
    </ul> 
    </li> 
    <li id="menu-item-386" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-386"><a href="#">Number2</a> 
    <ul class="sub-menu"> 
     <li id="menu-item-387" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-387"><a href="#">Number 2</a></li> 
    </ul> 
    </li> 
    </ul> 
    </li> 
    <li id="menu-item-157" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-157"><a href="#">Number3</a> 
    <ul class="sub-menu"> 
    <li id="menu-item-388" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-388"><a href="#">Number3</a></li> 
    <li id="menu-item-389" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-389"><a href="#">Number3</a></li> 
    </ul> 
    </li> 
    <li id="menu-item-158" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-158"><a href="#">Number4</a> 
    <ul class="sub-menu"> 
    <li id="menu-item-392" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-392"><a href="#">Number4</a></li> 
    <li id="menu-item-391" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-391"><a href="#">Number4</a></li> 
    <li id="menu-item-390" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-390"><a href="#">FAQ&#8217;s</a></li> 
    </ul> 
    </li> 
    <li id="menu-item-262" class="quoteHead menu-item menu-item-type-custom menu-item-object-custom menu-item-262"><a href="#">Get A Quote</a></li> 
    </ul>  </div> 
    </div>

謝謝

來源

2015-07-02 DevStacker

在你的CSS補充一點：

.mainNavi li{ 
    width:150px; 
}

的jsfiddle： Fiddle

來源

2015-07-02 12:54:18 Joci93

停止導航移動時懸停

回答

相關問題