2012-10-01 109 views
0

升級到Bootstrap 2.1.1後,我遇到了下拉問題。Bootstrap 2.1.1下拉不能正常工作

我的網頁上的第一個下拉菜單正常工作。點擊時可以正確打開,然後在點擊項目,下拉列表頁面或頁面時關閉。

但是,我的網頁上的第二個和第三個下拉列表(我猜的是除第一個以外的任何下拉列表)無法正常工作。

單擊項目,頁面或頁眉時,它們不會關閉。

我四處張望了一下,發現下面的代碼片段,我沒有需要之前:在單擊時

$('.dropdown-toggle').dropdown(); 

當我包括這在我的代碼,第二/第三下拉菜單做親密頁面或項目上。點擊標題時它們仍然不起作用。

這些下拉菜單的HTML與第一個HTML的HTML完全相同。我找不到任何區別,也沒有解釋爲什麼只有第一個下拉菜單正常工作。

我已經把上的jsfiddle一些代碼在這裏:http://jsfiddle.net/3CysL/1/

+1

爲什麼所有下拉列表鏈接錨定到一個id?這是它不工作的原因。 –

回答

1

要鏈接的下拉與他們的父母,下拉容器觸發。
這是打破你的觸發器,所以更改:

href="#media" -> href="#" 
href="#tools" -> href="#" 
href="#language" -> href="#"