upload de fotos dinamico

Pessoal, alguem já usou o modal do bootstrap ?

fiz um script de upload em php que esta me retornando os dados em json, porem estou com dificuldades para deixar a exclusão de imagens dinamica.

$('#alteraProduto').on('show.bs.modal', function (event) {
        var button = $(event.relatedTarget);
        var id_produto = button.data('whatever');
        var modal = $(this);
        
        $.post(base_url+"produtos/visu_edit",{
            id:id_produto
        },function(data){
            carregaProduto(data);
        },"json");
    }).on('shown.bs.modal', function(){
        $('.j_del_img').on('click', function (){
            var idimg = $(this).data("idimg");
            var idprod = $(this).data("idprod");

            $.post(base_url+"produtos/deleteimg",{
                id:idimg,
                id_prod:idprod
            },function(data){
                var imgs = "";
                $.each(data['imgs'],function(i){
                    imgs += "<input name='id' type='hidden' value="+data['capa'].id_produto+">";
                    imgs += "<div class='col-xs-12 col-sm-6 col-md-4 col-lg-2'>";
                        imgs += "<div class='thumbnail'>";
                            imgs += "<img src="+base_url+'application/images/itens/'+data['imgs'][i].imgthumb+" class='img-responsive' alt='...'>";
                            imgs += "<div class='caption text-center'>";
                                imgs += "<p>";
                                    imgs += "<a class='btn btn-default j_set_img' data-idprod="+data['capa'].id_produto+" data-idimg="+data['imgs'][i].id_imagem+"><i class='fa fa-star'></i></a>";
                                    imgs += "<a class='btn btn-default j_del_img' data-idprod="+data['capa'].id_produto+" data-idimg="+data['imgs'][i].id_imagem+"><i class='fa fa-trash-o'></i></a>";
                                imgs += "</p>";
                            imgs += "</div>";
                        imgs += "</div>";
                    imgs += "</div>";
                });
                $("#j_imgs_produto").html(imgs);
            },"json");
        });
    });

não sei se dessa maneira é a mais correta.

Quando peço para o jquery excluir a primeira imagem ele recarrega o html normalmente, mas quando peço para excluir a segunda imagem não acontece nada...o que pode estar acontecendo ??