Abrir modal que está em outro arquivo

[AlexandrePrezzi 0]

Seguinte:

 

Em um arquivo  teste.php  tem  um monte de coisas e  também tem um modal la pelo meio.

<div class="modal fade" id="myModalDadosBasicos" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="myModalLabel_DadosBasicos" aria-hidden="true" data-backdrop="static">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel_DadosBasicos"></h4>
                        </div>
                        <div class="modal-body">
                          ....

Em outro arquivo  "principal.php"   criei um botão.

 

Gostaria de saber como posso far para quando eu clicar nesse botao,  abrir o modal que esta no outro arquivo.

 

Codigo do botão

<button type="button" title="Abre Modal" class="btn btn-xs btn-success tp btnAbreModal">Transformar em Pedido Novo</button>

O que eu tentei fazer baseado em dicas de outros:

 

$('.btnAbreModal').on('click', function(e){
                     $.ajax({
                        type: 'POST',
                        //Caminho do arquivo do seu modal
                        url: 'teste.php',
                        success: function(data){              
                          alert(data);  
                          $('#myModalDadosBasicos').modal('show');
                     }
                     });    
                });

A questão é .... como defino que o que eu quero abrir na minha  página  seja somente o modal "myModalDadosBasicos".

[winterjeferson 0]

O Ajax abre tudo o que estiver dentro do arquivo definido na url. Se precisa que abra somente o myModalDadosBasicos, terá de colocar somente ele no arquivo da url.

[AlexandrePrezzi 0]

Fiz um teste colocando somente o modal no arquivo .... e mesmo assim nao funcionou... 

 

A tela fica cinza (como se fosse abrir o modal) ... mas o modal nao abre.

 

Fiz um "alert(data)"  e no alert aparece o código do "modal" .....

 

Sabe me dizer o q pode acontecer ?

[winterjeferson 0]

você se refere a este trecho?

$('.btnAbreModal').on('click', function(e){
                     $.ajax({
                        type: 'POST',
                        //Caminho do arquivo do seu modal
                        url: 'teste.php',
                        success: function(data){              
                          alert(data);  
                          $('#myModalDadosBasicos').modal('show');
                     }
                     });    
                });

Neste alerta aparece o conteúdo do modal? Caso sim, você precisa dar um append, dentro do success.

alert(data); 

$('body').append(data); // você pode substituir o body pela div onde o conteúdo deve ser carregado.

$('#myModalDadosBasicos').modal('show');