下拉菜单中的twitter bootstrap下拉按钮

Question

我设法在另一个下拉按钮的下拉菜单中显示一个下拉按钮。

看看http://jsbin.com/opepeg/1/edit我想要达到的目标。

现在的问题是，当我点击主按钮时，它可以正常工作，但里面的按钮不会显示它的菜单。我做错了什么？

Answer 1

我通过添加：

解决了这个问题

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

点击内置按钮标签的事件。您可以在我提供的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;
}