我缩小了this jquery example,以便创建并删除div>点击“添加”或“删除”按钮后的ul元素。在我的项目中,我需要将新创建的元素添加到DOM并由其他一些javascript代码“识别”,根据我的理解,这就是委托方法的作用。
jsfiddle.net/ot2xja19/1(原始小提琴需要jquery,由@Rory更正)
$('#btAdd').click(function() {
var tileCount = $('.layer.tile').length;
if (tileCount <= 19) {
$('#multi').append('<div class="layer tile"><div class="tile__name">List ' + (tileCount + 1) + '</div><ul class="tile__list"></ul></div>');
}
});
// REMOVE ELEMENTS ONE PER CLICK.
$('#btRemove').click(function() {
var tileCount = $('.layer.tile').length;
if (tileCount > 1)
$('.layer.tile:last').remove()
else if (tileCount == 1) {
$('#btSubmit').remove();
$('#btAdd').prop('disabled', false).addClass('bt');
}
});