jquery多表手风琴

Question

我正在使用jquery手风琴，java脚本和html5，试图使每个部分都是一个列表名称。然后在该部分中进行设置，以便您可以在该部分的列表中添加或删除。所以你可以看看我在做什么here is my fiddle。

我认为这个问题是在这里：

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

看起来像需要将函数分配给对象。

Here is a fiddle which attaches them to window（不好）引发事件。

我建议你创建一个JavaScript对象，你可以致电

CODE功能：

$('#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();