Twitter bootstrap modals & Ajax?

Question

Я использую Twitter bootstrap modals Для загрузки данных из таблицы.

Вот мой код HTML.

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

и это режимное ДИВ в конце страницы, как так

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

То, что я пытаюсь достичь, нажав на ссылку в ячейке, я хочу, чтобы содержимое модального который должен быть обновлен &, после чего он завершает обновление, чтобы автоматически открыть модальный. Вот что я пробовал.

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

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

Это не дает мне никаких ошибок & на самом деле HTML получает успешно загружены в DIV модального но не загружает режимные после обновления HTML ему нужно другое «Нажмите» ?! & Я не знаю почему?

Answer 1

Вы пробовали

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

сразу после инстанцировании модальный?

Answer 2

вы пробовали:

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

Answer 3

Это работает для меня:

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

Но URL при условии, должен выводить правильный модальный так:

<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>