AJAX jQuery UIモーダルダイアログ

Question

@ alistair-laingで提案されたソリューションを追加するように編集しました） this postを@jekで返信した後、私のページにURLを介してid変数を渡す複数のリンクを作ることができました。ダイアログのコンテンツをオンザフライで読み込むことができます。 ：しかし、私は本当にこれがモーダルダイアログになりたい（修正を含めるように編集;注意：元のスクリプトは、上記にリンクされているポストにあった、私はすべてがそれを破るでした）

$(function(){ 
    $('a.ajax').click(function() { 
    var url = this.href; 
    var dialog = $('<div style="display:none"></div>') 
    .appendTo('body') 
    // load remote content 
    dialog.load(
    url, 
    {}, 
    function (responseText, textStatus, XMLHttpRequest) { 
     dialog.dialog({ 
     modal: true, 
     width: 500 
     }); 
    } 
    ); 
    //prevent the browser to follow the link 
    return false; 
}); 
}); 

Answer 1

静か数もの。最初の.dialogから.loadコールバックの一部として呼び出す2番目の.dialogにコンテンツを移動してみてください。あなたがやっているのは、対話を作成してからそれに内容を注入することだけです。 autoOpenを削除して、ダイアログがコンテンツと共に開くようにすることもできます。