Question

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不够高，不可见。如果我为它设置一个固定的高度，那么显然它不会动态扩展。

我确信这非常容易，但我只是被困在这里。谢谢！

Answer 1

您需要将min-height property设置为某个值，而不是height。

使用min-height您的ul至少会达到那么高，但如果内容“增长”，它们就会扩展。

因此，您可能需要将connected类更改为以下内容：

.connected {
   min-height: 20px;
}

KO可排序：<ul>不够高，无法进入</ul>

1 个答案: