私はtodo-listアプリケーションを作成しています。その中でjQueryを使用しており、ユーザーがAdd
ボタンを押すと、新しいタスクがdivに追加されますtasksWrapper
が、問題は1回だけ発生することです。もう一度ボタンを押して Add
も何も起こりません。DOMツリーを確認しましたが、mainTaskFrag
先頭に1つだけ追加しても同じです。これが私のコードです:
$(function(){
var mainTaskFrag = $("<div class='wholeTask'>"),
mainTaskContents = $('<div class="mainTaskWrapper clearfix">\
<div class="mainMarker"></div>\
<label for="task1">This is task1</label>\
<div class="holder"></div>\
<div class="subTrigger"></div>\
<div class="checkButton"></div>\
<div class="optTrigger"></div>\
<div class="mainOptions">\
<ul>\
<li id="mainInfo">Details</li>\
<li id="mainDivide">Divide</li>\
<li id="mainEdit">Edit</li>\
<li id="mainDelete">Delete</li>\
</ul>\
</div>\
</div>');
mainTaskFrag.prepend(mainTaskContents);
$("#addMain").on("click", function(){
$("#tasksWrapper").prepend(mainTaskFrag);
});
});
</ p>