在錨點上觸發jQuery的hover（）以顯示包含LI的下拉列表嗎？

Question

我有一個水平導航欄，它是帶有錨標簽的無序列表。 當前，它使用jQuery的懸停（鼠標懸停和鼠標懸停）在每個LI中顯示下拉導航。

我如何才能做到這一點，而不是在懸停在LI上時觸發下拉菜單，而是將鼠標懸停在錨定標記上而觸發下拉菜單？ 當我將其更改為錨點時，將鼠標懸停在其頂部時，下拉菜單始終消失，但是當我將LI設置為hover（）的目標時，下拉菜單會正常工作（我想是因為所有下拉代碼包裹在LI中，因此光標仍懸停在LI上）。

由於設計原因，我需要以這種方式進行設置，因此無法進行任何更改。 我需要僅從錨點而不是LI觸發hover（）。

Answer 1

如果我理解正確，那么您遇到的問題是下拉菜單在您將鼠標移到它之前已關閉。 這可能是因為錨標記和下拉菜單之間存在間隙。

那么，如何將打開器更改為a-tag，然后添加一個小計時器，即使您將鼠標移出，該計時器也會使下拉列表保持打開狀態一秒或更多秒。 無論如何，這樣的添加很高興以后再使用，如果您不小心將鼠標移出導航欄並不得不關閉，因為它關閉了，這會很煩人。

編輯：另外，是的，JSFiddle。

Answer 2

嘗試將span標簽放入錨點中：

<a href='#'><span>test</span></a>

a span {
    display: block;
}

Answer 3

您可以通過錨點的懸停代碼更改LI的類。 當您離開LI時，將其改回。