找到模态消息的宽度和高度

Question

我想增加模态消息的宽度和高度。

请在此处找到消息示例。

http://jqueryui.com/dialog/#modal-message

有人可以帮我找到宽度和高度的位置吗？

由于

Answer 1

有width和height选项：http://api.jqueryui.com/dialog/

.dialog({
    width: 420,
    height: 200,
    ...
});

Answer 2

您最初可以在documentation

处设置宽度和高度

Answer 3

从上面的示例中，您可以执行此操作以获取模态的宽度和高度

$(".demo-frame").contents().find(".ui-dialog").width();
$(".demo-frame").contents().find(".ui-dialog").height();

你必须小心，因为模型在iframe中。 因此你应该使用$(".demo-frame").contents()来获取模态 你也可以通过改变宽度和高度，传递你想要的尺寸：

 $(".demo-frame").contents().find(".ui-dialog").width("100px");
$(".demo-frame").contents().find(".ui-dialog").height("100px");

Answer 4

您可以使用指定的高度或宽度选项初始化对话框：

$(".selector").dialog({ height: 400 });

此外，您可以在初始化后设置高度或宽度选项：

$(".selector").dialog( "option", "height", 400 );