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