Jquery多做列表手风琴

Question

我使用jquery手风琴，java脚本和html5，试图使每个部分是一个列表的名称。然后在该部分中创建，以便您可以在该部分的列表中添加或删除。所以你可以看到我在这里做的是我的小提琴。

我认为问题在这里:

function add_listitem(key,item)
{
    var li = document.createElement('li');
    li.appendChild(document.createTextNode(item));
    li.setAttribute("data-key,key");
    var but = document.createElement('button');
    but.appendChild(document.createTextNode('Delete'));
    but.onclick = remove_item;
    li.appendChild(but);
    document.getElementById('todo_list').appendChild(li);
}

它只是一个单一的待办事项列表。然而，现在我似乎不能让它工作。也许我只是太累了。如有任何帮助，不胜感激。

Answer 1

看起来您需要将函数分配给一个对象。

这是一个小提琴，它将它们附加到触发事件的窗口(不太好)。

我建议你创建一个javascript对象，你可以调用

上的函数代码:

 $('#add').click(function () {
     var listnames = prompt("Please enter list name", "List 1");
     $('#accordion').append('<h3><a href="#">' + listnames + '</a></h3><div id="' + listnames + '"><input onkeypress="Javascript: if (event.keyCode==13) window.add_items();" type="text" id="new_item" class="todo-input" placeholder="Add to list"></div>');
     $("#accordion").accordion('destroy').accordion();
 });
 window.add_items = function add_items(){
     //alert(this.document.activeElement.parentNode.id);
     var new_item = this.document.activeElement;
     alert(new_item.value);
     var key = new date();