Твиттер загрузочных модов и Ajax?

Question

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

Вот мой HTML-код.

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

и это модальный div в конце страницы примерно так:

<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

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

$('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>

Answer 2

Вы пробовали

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

сразу после создания экземпляра модала?

Answer 3

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

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