2013-02-26 113 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; 
}