Question

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

但是我在动态添加数据的同时应用了相同的概念。不显示+和 - 符号为什么？ 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')));

Answer 1

您缺少第二版中的代码...有一个绑定到$('#nestable-menu')的函数不存在。

Answer 2

查看由您的第一个小提琴呈现的HTML，似乎您缺少一些标记（在第二个小提琴中），您需要实际看到展开/折叠按钮。

当您使用以下内容注入html时

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

您缺少在您的第一个小提琴中呈现的<button>标签。这就是为什么你没有在你的第二个小提琴中看到这些图像的原因。

希望有所帮助。

Answer 3

以下是您的代码动态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>

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

3 个答案: