2012-02-13 17 views
5

Używam Twitter bootstrap modals Aby załadować dane z tabeli.Moduły modemu i Ajax na Twitterze?

Oto mój kod HTML.

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

i to jest div Modal na końcu strony jak Więc

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

Co staram się osiągnąć to, klikając w link wewnątrz komórki Chcę zawartości modalu do aktualizacji & następnie po zakończeniu aktualizacji, aby automatycznie otworzyć modal. Oto, co próbowałem.

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

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

To nie daje mi żadnych błędów & faktycznie HTML jest ładowany z powodzeniem w div Modal ale nie załadować modal po aktualizacji HTML potrzebuje innego „Click” ?! & Nie wiem, dlaczego?

Odpowiedz

4

Czy próbowałeś

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

zaraz po uruchamianiu modalna?

+1

$ (this) .modal ({ klawiatura: true, tło : true, show: true }); to działało, dziękuję – ahmedelgabri

0

próbowałeś:

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

To działa dla mnie:

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

Ale URL warunkiem powinno wyjście właściwa modalne tak:

<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> 
Powiązane problemy