KO Sortable:<ul>不够高,无法放入

感动

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>

基本上,用户可以拖放sectionS插入div,然后拖放li的到每个ulsection

我可以dsection而不是d li原因是,ul它不够高以至于无法看到。如果将其设置为固定高度,则显然不会动态扩展。

我敢肯定这非常容易,但是我只是停留在这里。谢谢!

nemesv

代替,height您需要将min-height属性设置为某个值。

使用时,min-height您的ul至少会很高,但是如果其中的内容“增长”,它们会扩展。

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

.connected {
   min-height: 20px;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将Jquery UI Sortable转换为表而不是ul

来自分类Dev

KO ReferenceError:无法处理绑定

来自分类Dev

导航抽屉不够高

来自分类Dev

Ko ObservableArray对象无法通过WebAPI更新

来自分类Dev

无法从函数返回ko.observableArray

来自分类Dev

无法在中心显示<ul>

来自分类Dev

无法在中心显示<ul>

来自分类Dev

<!-ko if:false->抛出无法读取null的属性'__ko__1380676672381'

来自分类Dev

Angular UI Sortable无法正常工作

来自分类Dev

加载ajax时jquery sortable无法运行

来自分类Dev

xpath的等效css选择器是什么:// * [@@ id ='sortable-item_2'] / div / div [2] / ul / li [1] / a / strong

来自分类Dev

Knockoutjs-ko.mapping.fromJS无法正常工作

来自分类Dev

淘汰赛ko.mappings.fromJS无法正常工作

来自分类Dev

无法加载内核模块“ nvidia.ko”

来自分类Dev

淘汰赛ko.mappings.fromJS无法正常工作

来自分类Dev

我无法向 Ko.ObservableArray 添加元素

来自分类Dev

PHP-无法获得与<ul>相同数量的</ ul>

来自分类Dev

PHP-无法获得与<ul>相同数量的</ ul>

来自分类Dev

Sortable.js无法正常工作:列表项不可拖动

来自分类Dev

jQuery UI Sortable包含无法检测到占位符

来自分类Dev

jQuery无法与同位素一起使用Sortable

来自分类Dev

jQuery无法与同位素一起使用Sortable

来自分类Dev

jQuery UI-Sortable Cookie无法正常工作

来自分类Dev

jQuery sortable无法与touch一起使用

来自分类Dev

Angular ui sortable:无法在嵌套项目中正确拖动

来自分类Dev

无法从ul中删除多个li

来自分类Dev

ul Class线型无法正常工作

来自分类Dev

<ul>元素在Firefox中无法正确呈现

来自分类Dev

PHP中的ul列表无法正常工作