logo标签列表

如何将jQuery对话框置于中心位置？

jqueryjquery-uidialogjquery-dialog
70

我尝试了以下代码，但它只将对话框的左上角位置定位到中心，这会导致元素与右侧对齐。如何将对话框居中到实际中心，以计算元素的宽度，使得中心线将对话框分成50% 50%的两半？

$('.selector').dialog({ position: 'center' });

http://docs.jquery.com/UI/Dialog#option-position

：
这是一个链接，指向jQuery UI对话框的position选项的文档页面。请注意保留HTML标记。
2
我遇到了一个类似的问题，我猜测这也是 OP 遇到的问题。无论我做什么，对话框都定位在左上角！非常令人沮丧。 - Nate Bunney
您的提示使用位置（center）属性/属性解决了我在移动设备上类似的问题。但是我使用的是jquery-ui-1.9.2.custom。 - Michal - wereda-net
22个回答
0

无法让IE9居中对话框。

通过将以下内容添加到CSS中进行修复：

.ui-dialog {
    left:1%;
    right:1%;
}

百分比不重要，任何小的数字都可以。

0
position: {
 my: "center bottom",
 at: "center top",
 of: window,
 within: $(".content")
}
2
请记住，Stack Overflow 不仅仅是为了解决当前的问题，还要帮助未来的读者找到类似问题的解决方案，这需要理解底层代码。对于我们社区中的初学者来说，这尤其重要，他们可能不熟悉语法。鉴于此，请你修改你的答案，包括对你所做的操作的解释以及为什么你认为这是最佳方法。在这种情况下，这更加关键，因为我们已经有了21个现有的答案，其中一个已经被72位社区成员验证过。 - Jeremy Caney
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接