jQuery对话框和css设置问题

Question

我正在使用jQuery dialog：

当对话框打开时，Firebug显示......

<div id="dialog" style="width: auto; min-height: 0px; height: 274px;">，

...但我需要将宽度设置为346px。

1. 我尝试使用$("#dialog").css({width : '346px'})，但这不起作用。通过.css()设置宽度后，Firebug会继续显示width: auto。

2. 我甚至将样式属性硬编码为<div id='dialog' style="width:346px">，但这不起作用！ Firebug继续显示width: auto。

有人可以告诉我的代码有什么问题吗？我该如何设置此对话框div的宽度？感谢。

Answer 1

这样做：

$("dialog").dialog({
     "modal": true, 
     "width": 346, 
     "height": 400
});

Answer 2

$("#dialog").dialog({
        width:'346px'
});

演示 - http://jsfiddle.net/75xzH/1/

Answer 3

这必须有效

$("#dialog").attr('style','width:346px');

这可确保您的CSS已应用，之后此内联样式将覆盖您的CSS，并根据需要生成width:346 px;。