jquery-mobile collapsible展开后设置高度
Setting height of jquery-mobile collapsible after expansion
我的 jQuery collapsible 似乎没有注意到展开后内容的大小。这是可折叠的基本形式：
<div class="row collapsibles" data-role="collapsible">
<h1>Supercategory A</h1>
<div class="col-xs-7 txt">A1</div><div class="col-xs-5"><button class="btn">Go</button></div>
<div class="col-xs-7 txt">A2</div><div class="col-xs-5"><button class="btn">Go</button></div>
</div>
您可以在此处查看完整的问题：https://jsfiddle.net/pseudobison/xd6oejzz/18/。请注意，展开后，指示可折叠底部的圆角位置错误。
我试过设置高度 属性 并试验了外部 div 的内容，我发现我可以通过在那里添加一些 br 标签来伪造它，但这是什么正确的做法？
发生这种情况是因为内容有 float: left 而它的 parent 没有，所以它无法理解 child 的高度
https://jsfiddle.net/xd6oejzz/23/
<div class="collapsibles col-sm-12" data-role="collapsible">
<h1>Supercategory A</h1>
<div class="row">
<div class="col-xs-7 txt">A1</div><div class="col-xs-5"><button class="btn">Go</button></div>
<div class="col-xs-7 txt">A2</div><div class="col-xs-5"><button class="btn">Go</button></div>
</div>
</div>
我的 jQuery collapsible 似乎没有注意到展开后内容的大小。这是可折叠的基本形式：
<div class="row collapsibles" data-role="collapsible">
<h1>Supercategory A</h1>
<div class="col-xs-7 txt">A1</div><div class="col-xs-5"><button class="btn">Go</button></div>
<div class="col-xs-7 txt">A2</div><div class="col-xs-5"><button class="btn">Go</button></div>
</div>
您可以在此处查看完整的问题：https://jsfiddle.net/pseudobison/xd6oejzz/18/。请注意，展开后，指示可折叠底部的圆角位置错误。
我试过设置高度 属性 并试验了外部 div 的内容，我发现我可以通过在那里添加一些 br 标签来伪造它，但这是什么正确的做法？
发生这种情况是因为内容有 float: left 而它的 parent 没有，所以它无法理解 child 的高度
https://jsfiddle.net/xd6oejzz/23/
<div class="collapsibles col-sm-12" data-role="collapsible">
<h1>Supercategory A</h1>
<div class="row">
<div class="col-xs-7 txt">A1</div><div class="col-xs-5"><button class="btn">Go</button></div>
<div class="col-xs-7 txt">A2</div><div class="col-xs-5"><button class="btn">Go</button></div>
</div>
</div>