javascript - Jquery multi to do list 手风琴

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();