HTML摘录:
<div style="height: 80%;" data-bind="sortable: { data: $data.data.sections, connectClass: 'sectionDrop' }">
<section class="section">
<div data-bind="text: 'New Section'"></div>
<ul class="connected" data-bind="sortable: { data: fieldsCol1, connectClass: 'fieldDrop' }">
<li>New Field</li>
</ul>
<ul class="connected" data-bind="sortable: { data: fieldsCol2, connectClass: 'fieldDrop' }">
<li>New Field</li>
</ul>
</section>
</div>
基本上,用户可以拖动&amp;将section
放入div
,然后拖动&amp;将li
放入ul
中的每个section
。
我可以查看section
s而不是li
。原因是,ul
不够高,不可见。如果我为它设置一个固定的高度,那么显然它不会动态扩展。
我确信这非常容易,但我只是被困在这里。谢谢!
答案 0 :(得分:0)
您需要将min-height
property设置为某个值,而不是height
。
使用min-height
您的ul
至少会达到那么高,但如果内容“增长”,它们就会扩展。
因此,您可能需要将connected
类更改为以下内容:
.connected {
min-height: 20px;
}