1

class = "dialog-error"が適用された div があります。jQuery では、次のようにこの div にダイアログを割り当てます: $('.dialog-error').dialog({});

「dialog-error」クラスに属する ui クラスのみを対象にして変更できるようにしたいので、次のことを試しました。

.dialog-error .ui-dialog-titlebar {
    background-color: red;
    background-image: none;
    color: white;
    font-size:small;
}
.dialog-error .ui-dialog-buttonpane { 
    font-size: 0.8em; 
}

しかし、どれも当てはまりません。自分のクラスに属する UI クラスのみをターゲットにするにはどうすればよいですか?

私が達成しようとしているのは、少なくとも 2 つの異なるカテゴリ (エラー ダイアログと成功ダイアログなど) を持ち、div のクラスを変更するだけで前後に切り替えることです。どうもありがとう。

jqueryコード:

$('.dialog-error').dialog({
                resizable: false,
                height: 200,
                width: 350,
                modal: true,
                dialogClass: "dialog-error", //use this to affect the css 
                title: "Missing Information!",
                buttons: {
                    "Back": function() {
                        $(this).dialog("close");
                    }
                }

            });

HTML コード:

<div class = "dialog-error" style = "display:none;"></div>

アドバイスに従って「dialogClass: "dialog-error"」行を追加しましたが、UI ダイアログがまったく表示されなくなりました。

4

1 に答える 1

2

jQuery UI が最初に div を DOM から削除したことをよく覚えていれば、新しい div を作成してコンテンツ領域にオリジナルを配置します。div がダイアログ内にあり、ラップしていないため、CSS クラスは適用されません。

要件を満たすには、モーダルの初期化時にdialogClassオプションを設定してみてください。

参照: http://api.jqueryui.com/dialog/#option-dialogClass

于 2013-08-15T19:43:36.547 に答える