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>
基本上,用户可以拖放section
S插入div
,然后拖放li
的到每个ul
内section
。
我可以dsection
而不是d li
。原因是,ul
它不够高以至于无法看到。如果将其设置为固定高度,则显然不会动态扩展。
我敢肯定这非常容易,但是我只是停留在这里。谢谢!
代替,height
您需要将min-height
属性设置为某个值。
使用时,min-height
您的ul
至少会很高,但是如果其中的内容“增长”,它们会扩展。
因此,您可能需要将connected
类更改为以下内容:
.connected {
min-height: 20px;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句