estou enfrentando problemas para clonar elementos com javascript.
O problema:
Conforme imagem abaixo, o formulário contém um checkbox que ao clicar executa um função que muda o valor do input qtd Min.
Ao clicar no texto Adicionar Categoria, cria um clone do formulário completo;
Ao clicar no texto Adicionar subcategoria, cria um clone dos inputs nome, descrição e preço. Ou seja, é um clone dentro de outro clone. Porém ao clonar esse formulário a função do checkbox e subclone dos inputs não funcionam;
Existe alguma forma prática de fazer isso? Preciso criar várias categorias e dentro de cada categoria criar várias subcategorias.
Abaixo o código javascript que estou usando no momento:
//clone categoria /////////////////////////////////
$(document).ready(function(){
$('#but_addcategoria').click(function(){
var newel = $('.categoria:last')
.clone(true)
.find("input").val("").end()
$(newel).insertAfter(".categoria:last");
});
});
//clone subcategoria
$(document).ready(function(){
$('#but_addsubcategoria').click(function(){
var newel = $('.tb-complementos:last')
.clone(true)
.find("input").val("").end();
$(newel).insertAfter(".tb-complementos:last");
});
});
Fico muito grato se os amigos puderem me ajudar.