Когда я добавляю данные статически, он показывает сбрасываемое и расширяемое изображение (+ и -), но здесь я добавляю статические данные в левой панели
Но я применяю ту же концепцию, добавляя данные динамически.it не отображает знак + и - почему? 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>
Вам не хватает кода во второй версии... существует функция, связанная с $('#nestable-menu')
, которая не существует.
Если посмотреть на HTML-код, который будет отображаться вашей первой скрипкой, кажется, что вам не хватает какой-либо разметки (во второй скрипке), что вам действительно нужно увидеть кнопки расширения/свернуть.
Когда вы вводите html:
.append('<li class="dd-item" data-id="3"><div class="dd-handle">Item 3</div></li>'
вам не хватает тегов <button>
, которые отображаются в вашей первой скрипке. Вот почему вы не видите эти образы в своей второй скрипке.
Надеюсь, это поможет.