Moduli di bootstrap su Twitter e Ajax?

Question

Sto usando Twitter bootstrap modals Per caricare i dati da una tabella.

Ecco il mio codice HTML.

<tr> 
.... 
<td> <a href="http://google.com">Text</a> </td> 
.... 
</tr> 

e questo è il div modale alla fine della pagina in questo modo

<div id="modal"></div> 

Quello che sto cercando di realizzare è cliccando sul link all'interno della cellula che voglio contenuto del modal per essere aggiornato & quindi dopo aver completato l'aggiornamento per aprire automaticamente il modal. Ecco cosa ho provato.

$('td').on('click','a',function(){ 
    var href = $(this).attr('href'); 

     $('#modal').load(href,function(){ 
      $(this).modal({ 
       keyboard:true, 
       backdrop:true 
       }); 
     }); 

E non mi dà errori & in realtà il codice HTML viene caricato con successo nel div modale ma non carica il modal dopo l'aggiornamento del codice HTML di cui ha bisogno un altro "Click" ?! & Non so perché?

Answer 1

Hai provato

$(this).modal('show'); 

subito dopo un'istanza modale?

Answer 2

hai provato:

$('td a').on('click', function(){ 
... 
}) 

Answer 3

Questo è il lavoro per me:

$('div#modal').load(url,function(){ 
    $(this).modal({ 
     keyboard:true, 
     backdrop:true 
    }); 
}).modal('show'); 

Ma l'URL fornito uscita dovrebbe una corretta modale come questo:

<div class="modal" id="myModal"> 
    <div class="modal-header"> 
     <a class="close" data-dismiss="modal">×</a> 
     <h3>Modal header</h3> 
    </div> 
    <div class="modal-body"> 
     <p>One fine body…</p> 
    </div> 
    <div class="modal-footer"> 
     <a href="#" class="btn">Close</a> 
     <a href="#" class="btn btn-primary">Save changes</a> 
    </div> 
</div>