jquery - 着色jquery模态

Question

我有一个 jquery modal 的标准代码（灰色）。如何制作一个从灰色到蓝色的彩色工具箱？这个脚本可以用于许多对话...例如#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>

谢谢

Answer 1

使用 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; }