修改对话框的 CSS（宽度）答案

【问题标题】：Modify the CSS (width) of a dialog修改对话框的 CSS（宽度）
【发布时间】：2012-08-09 14:34:08
【问题描述】：

我使用一个包含 div 等的对话框。它的定义是：

$dialogContent2.dialog({
    modal: true,
    title: "S\351lectionner une activit\351",
    close: function () {
        $dialogContent2.dialog("destroy");
        $dialogContent2.hide();
    },
    buttons: [{
        ...
    }]
});

是否可以定义对话框的宽度？

我尝试在我的 css 文件中直接修改它，并修改每个包含元素的宽度，但它不起作用。

提前感谢您的帮助！

【问题讨论】：

您是想动态设置宽度，还是只想使用width : "500px"？
像 width : 500px 这样就可以了
如果你去jqueryui.com/demos/dialog 并点击选项，我会很刻薄。你会在底部看到宽度。您应该在发布问题之前尝试文档:)
有一个宽度构造函数参数/getter setter，options下查找宽度@jqueryui.com/demos/dialog
@Steven please see the Community Bulletin on the right.

标签： jquery css dialog

【解决方案1】：

是的： http://jqueryui.com/demos/dialog/

你可以指定宽度，它是一个选项：

代码示例

使用指定的宽度选项初始化对话框。

$( ".selector" ).dialog({ width: 460 });

在初始化之后获取或设置宽度选项。

//吸气剂

var width = $( ".selector" ).dialog( "option", "width" );

//二传手

$( ".selector" ).dialog( "option", "width", 460 );

【讨论】：

【解决方案2】：

$dialogContent2.dialog({
    width:480,
    modal: true,
    title: "S\351lectionner une activit\351",
    close: function () {
        $dialogContent2.dialog("destroy");
        $dialogContent2.hide();
    },
    buttons: [{
        ...
    }]
});

【讨论】：

我没有看到宽度选项，非常抱歉。感谢您的帮助！
没问题。这种方法比尝试在样式表中控制它要容易得多。