我设法在另一个下拉按钮的下拉菜单中显示一个下拉按钮。
查看http://jsbin.com/opepeg/1/edit了解我想要实现的目标。
现在的问题是,当我单击主按钮时,它可以正常工作,但是里面的按钮没有显示它的菜单。我在做什么错?
我设法在另一个下拉按钮的下拉菜单中显示一个下拉按钮。
查看http://jsbin.com/opepeg/1/edit了解我想要实现的目标。
现在的问题是,当我单击主按钮时,它可以正常工作,但是里面的按钮没有显示它的菜单。我在做什么错?
我通过添加解决了它:
$(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 <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;
}