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