如何使用jquery对话框

时间:2013-12-16 14:30:14

标签: jquery jquery-ui

我想使用给定大小的jquery对话框,所以我写道:

$('#dialog').dialog("option", "width", 600 );

但我有一个错误:

  

初始化之前无法在对话框上调用方法;尝试做   调用方法'选项'

所以我写道:

$("#dialog").dialog();
$('#dialog').dialog("option", "width", 600 );

它有效..

问题1:这样做似乎很奇怪,我想知道是否必须这样做?

问题2:如果我有几个选项,让我们说'高度',添加它的语法是什么?

谢谢

4 个答案:

答案 0 :(得分:4)

$( "#dialog" ).dialog({
  width: 600,
  height:140
});

答案 1 :(得分:2)

回答两个问题:您可以传入一个对象作为参数:

$('#dialog').dialog({
    'width':600,
    'height':700
});

希望这有帮助

答案 2 :(得分:2)

您可以在初始化中设置对话框width和其他选项。

您的尝试失败,因为您在实例化元素插件之前尝试设置属性。

像:

jQuery(document).ready(function() {
    jQuery("#dialog").dialog({
        modal: true,
        width: 600
    });
}); 

演示:http://jsfiddle.net/IrvinDominin/SpFdS/

答案 3 :(得分:0)

你可以尝试这样的事情......

$('#dialog').dialog({
    modal: true,
    width: 400,
    height: 450});