jquery - jquery调整对话框位置

标签 jquery jquery-ui

<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/

相关文章:

jquery 多选重新加载

jquery - 如果在其他地方单击,则更改背景颜色

javascript - 如何使用 FANCYBOX 将多个图库中的图像分组?

javascript - 在页面加载时重绘完整日历

jQuery UI 复选框按钮全选问题

jquery-ui - 如何让 jQuery UI Datepicker 出现在输入字段的左侧?

jquery - jQuery + swfupload 中出现 z-index 问题

jquery - 在位置固定元素的顶部滚动不会滚动容器

jquery - 在特定时间后隐藏图像

使用 jQueryUI.autocomplete 和 Backbone JS 的 Javascript 模块