Диалоговое окно jQuery и набор CSS

Question

Я работаю с диалоговым окном jQuery :

Когда открывается диалоговое окно, 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;, как вы хотите.