我正在尝试在Bootstrap模式窗口中创建待办事项列表 . 但是,当我按下按钮添加到列表时,模式将关闭并刷新页面 .
这是我的Javascript:
$('#add').click(function (event) {
console.log('add');
event.preventDefault();
$('#tasklist').on('change', '.itemdone', itemdone);
$('#tasklist').on('click', '.deleteItem', deleteItem);
$('#addtolist').on('keypress', function (event) {
if (event.which === 13) {
addItem();
event.preventDefault();
}
});
var taskitem = $('#addtolist').val();
if (taskitem.length > 0) {
$('#tasklist').append('<li><input class = "itemdone" type="checkbox">' + taskitem +
'<span class="glyphicon glyphicon-trash deleteItem"></span></li>');
$('#addtolist').val('');
}
function deleteItem() {
$(this).parent().remove();
}
function itemdone() {
$(this).parent().toggleClass('done');
}