Jquery ui 使用JQuery的模态对话框&；AJAX

我一直在尝试在我的页面中添加一个模式对话框，它显示在单击超链接上，并从另一个URL获取内容。 问题是，我找不到一种方法使它成为模态，因为它仍然可以与背景页面交互，我不希望这样

这是我使用的代码

HTML

jQuery

$(function() {
  var ajaxDialog = $('<div id="ajax-dialog" style="display:hidden"></div>').appendTo('body');
  ajaxDialog.dialog({
    autoOpen: false
  });
  $('a.ajax').live('click', function() {
    ajaxDialog.load(this.href);
    ajaxDialog.dialog("open");
    return false;
  });
});

$（函数（）{
var ajaxDialog=$（''）.appendTo（'body'）；
ajaxDialog.dialog({
自动打开：错误
});
$（'a.ajax'）.live（'click'，function（））{
加载（this.href）；
对话框（“打开”）；
返回false；
});
});

---

请，如果有人能帮忙的话。提前感谢。

您是否尝试过使用ajaxDialog.dialog（“模态”、“真”）

---

您是否尝试过使用ajaxDialog.dialog（“模态”、“真”）

---

谢谢，我不知道那件事。我是jQuery的初学者。谢谢，我不知道。我是jQuery的初学者。

.loading {
  background: url(/img/spinner.gif) center no-repeat;
}

$(function() {
  var ajaxDialog = $('<div id="ajax-dialog" style="display:hidden"></div>').appendTo('body');
  ajaxDialog.dialog({
    autoOpen: false
  });
  $('a.ajax').live('click', function() {
    ajaxDialog.load(this.href);
    ajaxDialog.dialog("open");
    return false;
  });
});