0

私はjqueryモーダルの標準コード（灰色）を持っています。グレーから例の青まで、カラフルなツールボックスを作成するにはどうすればよいですか? そして、このスクリプトは多くのダイアログに使用できます...たとえば #dialog1=blue と #dialog2=green これは私の標準コードです。

<script>
// increase the default animation speed to exaggerate the effect
$.fx.speeds._default = 1000;
$(function() {
    $( "#dialog1" ).dialog({
        autoOpen: false,
        show: "blind",
        hide: "explode"
    });

    $( "#opener1" ).click(function() {
        $( "#dialog1" ).dialog( "open" );
        return false;
    });
});
</script>

ありがとうございました

4

1 に答える 1

0

jQuerys テーマ ビルダーを使用する ( http://jqueryui.com/themeroller/ )

配色全体をデザインし、サイトから css を保存すると、ダイアログだけでなく、jQuery のすべての UI に色が付けられます。

乾杯。

- アップデート -

ダイアログの外観をデザインしたら、css ファイルを開き、次の行をコピーします。

それぞれにカスタム クラス名を作成し、作成時にダイアログからデフォルト クラスを削除し、代わりに新しいクラスを追加する必要があります。

.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
于 2012-04-18T20:35:50.190 に答える