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/

幅を指定できます。これはオプションです。

コード例

width オプションを指定してダイアログを初期化します。

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

初期化後に幅オプションを取得または設定します。

//ゲッター

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: [{
        ...
    }]
});