<script type="text/javascript">
$.ajaxSetup({
cache: false
});
$(document).ready(function () {
$(".openDialog").live("click", function (e) {
e.preventDefault();
$("<div></div>").addClass("dialog").attr("id", $(this).attr("data-dialog-id")).appendTo("body").dialog({
title: $(this).attr("data-dialog-title"),
minWidth: 500,
minHeight: 100,
resizable: false,
close: function () {
$(this).remove()
},
modal: true
}).load(this.href);
});
$(".close").live("click", function (e) {
e.preventDefault();
$(this).closest(".dialog").dialog("close");
});
$(".refresh").live("click", function (e) {
e.preventDefault();
location.reload();
});
});
</script>
我正在使用上面的jquery来获取对话框。但是当显示对话框时,它出现在窗口的随机部分,这非常不舒服。我想让对话框出现在窗口的中央。我应该怎样做才能使对话框出现在窗口中央?
最佳答案
你试过吗
$(".dialog").dialog('option', 'position', 'center');
或
.dialog({
title: $(this).attr("data-dialog-title"),
minWidth: 500,
minHeight: 100,
resizable: false,
close: function () { $(this).remove() },
position:'center',
modal: true
})
关于jquery - jquery调整对话框位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12209240/