layui可以动态添加div吗_layui 动态添加的元素事件无响应解决方案

要实现的功能如下：

image.png

点击‘add’，添加一行test元素

点击‘del’，删除此行

部分代码如下：

test

test:

layui.use('layer', function(){

var $ = layui.jquery, layer = layui.layer;

var active = {

addInput: function () {

var newInput =

'

\n' +

'\ttest:\n' +

'\t

\n' +

'\t\t\n' +

'\t

\n' +

'\t\n'+

'

';

$('#hahaha').append(newInput);

},

delInput: function (othis) {

othis.parent().remove();

}

};

//已加载完的元素用

$('.layui-btn').on('click', function () {

var othis = $(this), method = othis.data('method');

active[method].call(this, othis);

});

//动态加载元素用

$('#hahaha').on('click','.layui-btn', function () {

var othis = $(this), method = othis.data('method');

active[method].call(this, othis);

});

});