Vejam o script abaixo. Por que ao clicar o remove()
não funciona? eu recentemente postei nesse link: post algo parecido, mas no outro caso, o problema era por que o botão estava dentro de um form, mas dessa vez não tem form na pagina já mudei para input <a href="#"></a> button
, mas nada funciona!
function buscar(tamanho){
var pasta = $('#pasta').val();
// utilizando o split para quebrar o diretorio e receber somente o nome da pasta
var dirimg = pasta.split("/galeriaimg/");
$.ajax({
url: 'galeria.php?pasta=' + dirimg[1] + '&tamanho=' + tamanho,
dataType: 'json',
success: function(result){
$.each(result, function(key, value){
var container = '<div class="col-md-4 id="col-'+key+'">';
container += '<div class="img-wrap">';
container += '<img src="/wpauditoria/images/'+tamanho+'/galeriaimg/'+dirimg[1]+'/'+value+'" class="img-return" alt="galeria" "/>';
container += '<a href="#" class="btn btn-default btn-sm delete" onclick="excluir('+key+')"><i class="fa fa-trash"></i></a>';
container += '</div>';
container += '<input type="hidden" name="imagemgaleria['+key+'][titulo]" value="/galeriaimg/'+dirimg[1]+'/'+value+'" />';
container += '<input type="text" placeholder="Título" name="imagemgaleria['+key+'][titulo]" class="form-control inputgaleria" />';
container += '<input type="text" placeholder="Link" name="imagemgaleria['+key+'][link]" class="form-control inputgaleria" />';
container += '<textarea name="imagemgaleria['+key+'][descricao]" placeholder="Descricao" class="form-control inputgaleria" ></textarea>';
container += '</div>';
$('#galeriaimg').append(container);
});
}
});
}
function excluir(id){
console.log(id);
$("#col-"+id).remove();
}
Realizei um console.log(id)
para ver se o id estava sendo repassado e essa parte funciona normalmente, a função recebe o ID mas não executa a instrução $("#col-"+id).remove();
e também não retorna mensagem de erro.