2013-02-26 107 views
1

我設法在另一個下拉按鈕的下拉菜單中顯示下拉按鈕。下拉菜單中的twitter引導下拉按鈕

看看http://jsbin.com/opepeg/1/edit爲什麼我想實現。

現在的問題是,當我點擊主鍵完美的作品,但裏面的按鈕不顯示它的菜單。我在做什麼錯?

+0

我不認爲我曾經見過一個下拉內部實現自舉下拉所以它可能只是它的不可能。 – 2013-02-26 16:25:09

+1

網上沒有什麼是不可能的。它只需要時間和一些大腦。我做到了。現在查看鏈接。 – codefreak 2013-02-27 11:03:39

回答

2

我解決它通過添加:

$(this).parent().toggleClass('open');

到腸子按鈕標籤的onclick事件。你可以在我提供的jsbin鏈接中看到問題。

這裏的修改HTML:

<a class="dropdown-toggle btn" data-toggle="dropdown" href="javascript:;" 
onclick="$(this).parent().toggleClass('open');"> 
     Search by date&nbsp;<span class="caret"></span> 
    </a> 

和一些CSS:

.btn-group.open .btn-group .btn.dropdown-toggle{ 
    background-color: #f5f5f5; 
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); 
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); 
    background-image: linear-gradient(top, #ffffff, #e6e6e6); 
    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    box-shadow: none; 
}