Javascript 对话框不自动定位

Javascript 对话框不自动定位,javascript,jquery,css,jquery-ui,jquery-ui-dialog,Javascript,Jquery,Css,Jquery Ui,Jquery Ui Dialog,我使用jQueryUI中的对话框。在我的网站上,对话框的内容正在动态变化,自定义键入文本的自动完成。我已经设置了css最大高度:90%;在对话框上,所以在长内容上,对话框应该是完全可见的。但是,当生成AutoComplete这样的动态内容时,对话框会调整大小,但仍处于相同的位置,因此40%的内容是不可见的,它会显示在屏幕外。当生成长内容时,对话框将被定位到屏幕中间,我如何解决这个问题 编辑1: 以下是我网站上的一部分代码: $.ajax({ cache: false, type:

我使用jQueryUI中的对话框。在我的网站上,对话框的内容正在动态变化,自定义键入文本的自动完成。我已经设置了css最大高度:90%;在对话框上,所以在长内容上,对话框应该是完全可见的。但是,当生成AutoComplete这样的动态内容时,对话框会调整大小,但仍处于相同的位置,因此40%的内容是不可见的,它会显示在屏幕外。当生成长内容时,对话框将被定位到屏幕中间,我如何解决这个问题

编辑1:

以下是我网站上的一部分代码:

$.ajax({
    cache: false,
    type: 'GET',
    'url': URL_SAVE.expandVariables({}, {
       'pres': self
    }),
    success: function(data) {
       var label = $('<label>Open file:<label>').appendTo(dialogElement);
       dt = data;
       input = $('<input type="text" />').appendTo(dialogElement).autocomplete({
          source: data,
          autoFocus: true,
          minLength: 0
       });
       dialog.open();
    }
 });
这是一个演示,和原作有什么相似之处

编辑2:

这是对话框的初始化代码:

var dialogElement = $('<div></div>'),
    input, dt, self = {
       serverEditor: server('editor')
    }, dialog = new Dialog(dialogElement, 'Open', {
       'saveable': 'Open',
       'width': 400,
       'saveOnlyIf': function() {
          return dt.has(input.val());
       },
       'ifNotSaved': function() {
          alert('Please choose correct file name!');
       }
    }).on('save', function() {
       $.ajax({
          'type': 'GET',
          'url': URL_SAVE.expandVariables({}, {
             'pres': self
          }) + input.val(),
          'success': function(data) {
             Presentation.unserialize(data);
          }
       });
    });

你应该给我们看你的代码。是的,对不起,看看编辑。当你初始化对话框时,你是否设置了高度:“自动”,宽度:“自动”?你能给我们看一下你的对话框初始化代码吗?这是一把小提琴,它允许任何长度的文本高度:自动,固定宽度:400。现在我包括了初始化代码