2012-01-13 91 views
0

我使用的結構下拉菜單如下,與CSS和jQuery的組合隱藏/顯示子項目。jquery下拉菜單:菜單奠定了下面的div(不能'鼠標頂部')

<li class="dropdown"><a href="#"><span>Folder 0</span></a> 
          <ul> 
           <li><a href="#">Sub Item 1.1</a></li> 
           <li><a href="#">Sub Item 1.2</a></li> 
           <li><a href="#">Sub Item 1.3</a></li> 
           <li><a href="#">Sub Item 1.4</a></li> 
           <li><a href="#">Sub Item 1.2</a></li> 
           <li><a href="#">Sub Item 1.3</a></li> 
           <li><a href="#">Sub Item 1.4</a></li> 
          </ul> 
         </li> 

我的div放在像一個表,這種方式:
MX
MX
MX
所以,想象一下有兩列三行.. 其中每個部分是div元素,
M->是我把我的下拉菜單中的div,並
X->其他div

我現在有的問題是,當菜單是c舔和子菜單顯示出來,我不能選擇重疊在底部的div的子菜單,它看起來像它低於div,我不能選擇它,'老鼠'它等

有人可以幫助我有這個問題嗎?所以,我可以有我所有的菜單完全

+0

我有一個粗略的時間想象的代碼的其餘部分...你認爲你可以添加一些代碼實例詳細介紹了'MX'概念好一點? – 2012-01-13 08:26:02

+0

那就需要你要麼顯示問題上正在發生的事情,如在子菜單被放置在下拉菜單後面的例子或詳細說明一下? – XepterX 2012-01-13 08:39:04

+0

你能爲我們設置一個JSFiddle來看看嗎?你會得到更多的幫助。 – SpaceBeers 2012-01-13 10:32:07

回答

0

工作如果你真的插入您的菜單中選擇您的div背後更大的z-index分配給你的菜單,如果沒有,如果你使用「display: - >無或潛伏」你的CSS的LIs,你可以使用你的鼠標懸停來找到你的菜單。

http://api.jquery.com/live/

很開心!

+0

遺憾,但並未奏效尚未 – something 2012-01-14 03:14:14

+0

可你給我你的代碼?如果你可以在這裏發帖,如果沒有發送到我的郵箱。從我的個人資料找到。 – 2012-01-14 07:33:24