Question

我有一个jquery对话框，我在其中显示DIV的内容。但问题是，只要单击链接按钮，对话框就会出现在页面底部，而链接按钮也位于页面底部，但我希望它出现在页面顶部，这样用户就不会必须向下滚动才能找到对话框。

这是我的aspx代码：

  <a href="#" onclick="OpenDialog('#divNominees','Add Nominee')">

Jquery代码：

   function OpenDialog(obj,title) {
    $(obj).dialog({ title: title, modal: true })
    $(obj).parent().appendTo($("form:first"));
    var p = $(obj).parent();
  }

如果有人帮我解决这个问题，我会非常感激，因为我已经浪费了整整一个上午来解决这个问题。

提前致谢。

Answer 1

你保持你的div不与你的其他表/ div或其他任何东西嵌套。在下面的示例中，tblOuter是表格的id，我希望对话框居中。

 $("#divNominees'").dialog({
             modal: true,
             position: { my: "center", at: "center", of: $("#tblOuter") },
             title: "Nominees",
             dialogClass: "ui-dialog-content"
         });

Answer 2

once try with add css 
margin:0 auto; 

or only auto.

Answer 3

阅读Documentation

$('my-selector').dialog('option', 'position', 'center');

如何将jquery对话框的位置改为中心？

3 个答案: