jquery - 修改对话框的 CSS（宽度）

Question

我使用一个包含 div 等的对话框。它由以下内容定义：

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

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

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

在此先感谢您的帮助 ！

Answer 1

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

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

代码示例

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

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

在 init 之后获取或设置宽度选项。

//吸气剂

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

//二传手

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

Answer 2

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