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