为什么不显示可折叠和可扩展的图像

why collapsible and expandable image not display?

本文关键字：可扩展的 图像 可折叠 显示 为什么不      更新时间：2023-09-26

当我静态添加数据时，它显示可折叠和可扩展的图像(+和-(。但在这里，我在左面板中添加了静态数据

http://jsfiddle.net/Nm5br/1/

但我在动态添加数据时应用了同样的概念。为什么它不显示加号和减号？http://jsfiddle.net/Nm5br/10/

我尝试这个代码。

var updateOutput = function(e) {
    var list   = e.length ? e : $(e.target),
        output = list.data('output');
    if (window.JSON) {
        output.val(window.JSON.stringify(list.nestable('serialize')));//, null, 2));
    }
    else {
        output.val('JSON browser support required for this demo.');
    }
};
// activate Nestable for list 1
$('#nestable').nestable({group: 1}).on('change', updateOutput);
// output initial serialised data
updateOutput($('#nestable').data('output', $('#nestable-output')));

这是动态运行jsfiddle的代码。

<ol class="dd-list">
    <li class="dd-item" data-id="1">
        <div class="dd-handle">Item 1</div>                
           <ol class="dd-list" id="testcase">
           </ol>
    </li>
 </ol>

您在第二个版本中缺少代码。。。存在绑定到不存在的CCD_ 1的函数。

查看第一手呈现的HTML，您似乎缺少了一些标记(在第二手(，需要实际查看展开/折叠按钮。

当你用注入html时

.append('<li class="dd-item" data-id="3"><div class="dd-handle">Item 3</div></li>'

您缺少第一次渲染的<button>标记。这就是为什么你看不到这些图像在你的副手。

希望能有所帮助。

相关文章：