jQuery的對話和CSS設置問題

Question

我與jQuery dialog工作：

當對話框打開，螢火顯示...

<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。

有人可以告訴我的代碼有什麼問題嗎？我應該如何設置這個對話框的寬度？謝謝。

Answer 1

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

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

Answer 2

這樣來做：

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

Answer 3

這必須努力

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

這可以確保你的CSS應用，後來這個內聯樣式覆蓋你的CSS可以根據你的需要製作width:346 px;。