Question

我在Chrome和FF中尝试过。请参阅以下小提琴：http://jsfiddle.net/RY6F5/1/ ＆＃39;宽度＆＃39;对话框（）实例不读取。与＆＃39; height＆＃39;相同的问题。但是＆＃39; color＆＃39;被读了。任何想法/

<div id="dialog" title="Basic dialog">
   <p>This is the default dialog which is useful for displaying information.</p>
</div>

#dialog {
  color: red;
  width: 100px;
}

$("#dialog").dialog({
title: 'Information',
    "buttons": [{
    id: 'ok',
    text: "Ok",
    click: function () {
        $(this).dialog("close");
    }
}]
});

Answer 1

只需将宽度添加到js，请参阅下面的代码。 http://jsfiddle.net/RY6F5/1/

$("#dialog").dialog({
        title: 'Information',
         width:100, 
            "buttons": [{
            id: 'ok',
            text: "Ok",

            click: function () {
                $(this).dialog("close");
            }
        }]
    });

或者使用CSS：

http://jsfiddle.net/RY6F5/6/

Answer 2

我有答案。可以通过添加width：参数，但从id：

的CSS中获取宽度来完成

$("#dialog").dialog({
    width: parseInt($('#dialog').css('width')), // Convert to integer to remove px
    title: 'Information',
        "buttons": [{
        id: 'ok',
        text: "Ok",
        click: function () {
            $(this).dialog("close");
        }
    }]
});

jQuery UI对话框宽度未从CSS读取

2 个答案: