为何bootstrap 的菜单有的div下直接生效,有的还得套个div? 财富值63

2016-11-03 15:12发布

两个平级的div topdiv和left div:
<body>

<div id="topdiv"></div>

<div id="leftdiv"></div>
他们基本就是位置不同:
#topdiv{

            position: absolute;                           top:0px;             height:50px;             width:100%;                  }         #leftdiv{              position: absolute;              top:50px;              bottom: 0px;              left:0px;              width:320px;                       }

分别让它们有菜单:

<div id="leftdiv" class="btn-group"><button type="button" class="btn btn-default btn-lg dropdown-toggle" data-toggle="dropdown" aria-expanded="false">test1<span class="caret"></span></button> <ul class="dropdown-menu" role="menu" style="padding:0"> <li><button class="btn btn-default btn-lg btn-block" onclick="alert(this)">test1</button></li> <li><button class="btn btn-default btn-lg btn-block" onclick="alert(this)">test2</button></li></ul> </div>

leftdiv下不弹出!topdiv下弹出!leftdiv下包裹一个div像这样:
<div id="leftdiv"><div class="btn-group">...菜单内容...</div></div>
也能弹出!那么到底为何leftdiv下直接放菜单不弹出呢?

友情提示: 此问题已得到解决,问题已经关闭,关闭后问题禁止继续编辑,回答。
该问题目前已经被作者或者管理员关闭, 无法添加新回复
2条回答

这块儿的源码没看过,楼主可以翻出来看看,要我猜的话写事件代理的时候bootstrap就是根据这样的数据结构写的吧

他做组件的时候就是那样写的呗

一周热门 更多>