Função ON do Jquery não exclui elementos no DOM
Estou desenvolvendo um sistema com PHP e AJAX adiciono em uma tabela uma linha ate ai tudo normal, mas depois que adicionei a linha na tabela quero apagar.
estou usando o on(), mas parece não esta funcionando.
JAVASCRIPT
$('.extList').on('click', function(){
var idPordEx = $(this).attr('id');
$(".addStatus").html('<span class="add"><i class="fa fa-spinner fa-spin fa-3x fa-fw" style=""></i> Excluindo... <span></span></span>');
$.ajax({
type: "POST",
url: "sys/excluirPreco.php",
data: 'id='+idPordEx+'',
success: function( data )
{
var dadosOb = JSON.parse(data);
var segundos = 7;
if (dadosOb.excluiu == 'sim') {
$(".addStatus").html('<span class="checkVeri"><i class="fa fa-check-circle" aria-hidden="true"></i> Excluido com sucesso! </span>');
setTimeout(function(){
$('.checkVeri').hide();
}, segundos*1000);
$('#consu_'+dadosOb.idList).remove();
}else if(dadosOb.excluiu == 'sim' || dadosOb.erro == 'sim'){
$(".addStatus").html('<span class="FailVeri"><i class="fa fa-times-circle" aria-hidden="true"></i> Erro ao excluir! </span>');
setTimeout(function(){
$('.FailVeri').hide();
}, segundos*1000);
}
},
error: function(){
}
});
});
PHP
<?php
include_once "../../../config.php";
include_once "../../../classes/BD.class.php";
if (isset($_POST['id'])) {
$id = $_POST['id'];
$DeletProd = BD::conn()->prepare("DELETE FROM `preco_estado` WHERE id = ?");
if($DeletProd->execute(array($id))){
die(json_encode(array('excluiu' => 'sim','idList' => $id)));
}else{
die(json_encode(array('excluiu' => 'nao')));
}
}else{
die(json_encode(array('erro' => 'sim')));
}
?>
E O HTML
<tr id="consu_<?php echo $finalization->id; ?>">
<td><?php echo $finalization->id; ?></td>
<td><?php echo $finalization->estado; ?></td>
<td><span class="badge bg-light-blue">R$ <?php echo number_format($finalization->preco,2,',','.'); ?></span></td>
<td><div class="extList" id="<?php echo $finalization->id;?>"><i class="fa fa-times lixo" aria-hidden="true"></i></a></td>
</tr>Discussão (1)
Carregando comentários...