AJAX jQuery UI模式对话框

Question

编辑添加@ alistair-laing建议的解决方案。） 在阅读@jek的this post回复之后，我可以在我的页面上创建多个链接，这些链接将通过URL传递id变量，以便可以即时加载对话框的内容。但是，我真的希望这是一个模态对话框： （编辑包含修复; nb：原始脚本在链接到上面的帖子中，我所做的就是打破它）

$(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移动到第二个.dialog中，您将其称为.load回调的一部分。你正在做的是创建对话框然后将内容注入其中只是再次调用它。您也可以删除autoOpen，以便打开包含内容的对话框。