Problema ao Utilizar Um modal dinamicamente depois de recarregar parte da pagina

85 views
Skip to first unread message

Marlon Vinicius

unread,
Jun 10, 2015, 11:14:04 AM6/10/15
to jque...@googlegroups.com
Dentro de uma pagina possuo um grid com as opções de editar e excluir para cada item listado no grid. 
ao clicar em qualquer botão na primeira chamada abre normalmente o modal e carrega o formulário de edição e executa as opções normalmente.
Apos realizar a edição é exibido uma tela de confirmação, dando "ok" o modal fecha e o grid é recarregado dinamicamente pelo ajax.
Porem ao tentar realizar novamente, o modal é ativado porem o conteúdo interno não é exibido, ficando só o div escurecido por cima da tela.

não é erro no console, não há erros no php. Tirando a função de recarregar o grid o modal funciona normalmente tantas quanta vezes eu conseguir repetir o processo.
Logo algo ao recarregar a pagina da problema nas funções.

to suando Bootstrap v3.2.0
 e aqui segue o codigo que chama o modal e carrega as paginas dentro dele

$(".selecionar").on("click", function () {
        
        $('<div class="modal fade" id="formModal"><div class="modal-dialog"><div class="modal-content"></div><!-- /.modal-content --></div><!-- /.modal-dialog --></div><!-- /.modal -->').appendTo('body');
        
        var url = $(this).attr('url');
        
        var sg_url = $(this).parents('.subgrid').attr('url');
        var sg_element = $(this).parents('.subgrid');
        
        $.get(url,function(data){
            $(".modal-content").append(data);
        })
                
        $(".modal-content").on('submit','.subform', function(){
            $.post($(this).attr("action"),$(this).serialize(),function(data){
                $(".modal-content").html(data);
            }).done(function() {
                $.ajax({
                    type: 'GET',
                    url: sg_url,
                    dataType: 'html',
                    success: function (data) {
                        sg_element.html(data);                    
                    }
                });
            });
            return false;
        });
    });

agradeço desde já a ajuda

Luiz Paulo

unread,
Jun 11, 2015, 8:12:32 AM6/11/15
to jque...@googlegroups.com
Cara coloca o seu código no http://jsfiddle.net/. Assim fica complicado te ajudar. =D
Reply all
Reply to author
Forward
0 new messages