jQueryUI全屏对话框

我正在尝试使用jQueryUI创建一个全屏对话框

我通过ajax加载了一些内容，结果填满了对话框：

function openResource(id) {
  $.ajax({
    url      : "",
    type     : 'post',
    dataType : 'html',
    data : {
      idRes: id
    },
    success : function(response) {
      $("#popupRecurso")
        .html("<div style='float:right; cursor: pointer;' onclick='$(\"#popupRecurso\").dialog(\"destroy\");'>fechar</div>" + response);

      $("#popupRecurso").dialog({
        title       : '',
        bgiframe    : true,
        position    : 'center',
        draggable   : false,
        resizable   : false,
        dialogClass : 'dialogRecurso',
        width       : $(window).width(),
        height      : $(window).height(),
        stack       : true,
        zIndex      : 99999,
        autoOpen    : true,
        modal       : true,
        open        : function() {
          $(".ui-dialog-titlebar").hide();
        },
        error : function(err) {
          alert(err);   
        }
      });
    }
  });
}

函数openResource（id）{
$.ajax({
url:“”，
键入：“post”，
数据类型：“html”，
数据：{
idRes:id
},
成功：功能（响应）{
$（“popupRecurso”）
.html（“fechar”+响应）；
$（“#popupRecurso”）。对话框({
标题：“”，
bgiframe：是的，
位置：'中间'，
可拖动：错误，
可调整大小：false，
dialogClass:'dialogRecurso'，
宽度：$（窗口）.width（），
高度：$（窗口）。高度（），
斯塔克：没错，
zIndex:99999，
自动打开：对，
莫代尔：是的，
打开：函数（）{
$（“.ui对话框标题栏”）.hide（）；
},
错误：函数（err）{
警惕（err）；
}
});
}
});
}

不幸的是，对话框没有显示在中心，并且没有正确的尺寸。 有人有过同样的问题吗

---

谢谢

我想在JFIDLE中看到这一点，以便更好地理解可能影响这一点的任何变量差异。尝试删除对话框属性的“宽度”和“高度”设置，并将宽度：100%和高度：100%的css属性添加到为对话框内容调用的容器中。“#popupRecurso”。这样，对话框属性就不会覆盖它，它会随着任何大小的DOM更改事件而更改。我目前在我的公司经常使用modals，也有类似的问题。我喜欢将css属性设置为宽度：%120，高度：120%。这样，即使用户放大或缩小，您要查找的对话框功能仍保持真实。希望这能帮到你。快乐编码

我认为float属性可能与位置冲突。你能把它取下来吗？如果没有一个更完整的示例（html+css，在JSFIDLE上尝试），我将无法为您提供更多帮助。@BiAiB，即使没有任何html，问题仍然存在……您的

dialogRecurso

类中是否有css？