Question

我的jQuery可折叠似乎并没有在扩展后注意内容的大小。这是可折叠的基本形式：

<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标签来捏造它，但是正确的方法是什么做到了吗？

Answer 1

这种情况正在发生，因为内容有float: left且其内容没有，因此它无法理解孩子的身高

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-mobile可折叠的高度

1 个答案: