KO可排序:<ul>不够高,无法进入</ul>

时间:2014-07-06 19:35:04

标签: knockout.js drag-and-drop jquery-ui-sortable knockout-sortable

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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

.connected {
   min-height: 20px;
}