var componente = {
HTML :'<div class="alert" style="background-color:#951f2c !important;">' +
'<input type="text" class="form-control titulo-valor" placeholder="Digite o Título do Bloco" style="background-color:#951f2c !important; color: white !important; border:none !important;"/>'+
'</div>'
};
$(document).ready(function(){
$(".btn").on("click",function(){
var componenteAtual = $(this).data("componente");
$(".resultado").html(componente.componenteAtual);
});
});
Estou tentando adicionar elementos na html dinamicamente usando JSON com várias tags dentro. Não está funcionando, dei um alert no componente.componenteAtual
e ele está retornando undefined
como resultado.
Se eu escrever componente.HTML
funciona...
Abaixo há o jsfiddle: