重写 easyui 的 dialog

(function (jQuery) {
    jQuery.fn.spif_dialog = function(paraments){
        var defaults = {
            title:null,
            modal:true,
            resizable:false,
            width:700,
            buttons:[] //{text:'',handler:null}
        };
        var opts = jQuery.extend(true, {},defaults, paraments);
        var operations = [];
        if(opts.buttons.length > 0){
            for(var i = 0; i < opts.buttons.length;i++){
                operations[i] = {text:opts.buttons[i].text,click:opts.buttons[i].handler};
            }
        }
        if(!paraments.width && $(this).width()){
            opts.width = $(this).width();
        }
        $(this).dialog({
            title:opts.title,
            modal:opts.modal,
            width:opts.width,
            resizable: opts.resizable,
            buttons:operations
        });
    }

})(jQuery);

css::

.ui-widget {
    padding: 0;
}

.ui-widget-header {
    border: 0px;
    border-bottom: 1px solid #99BBE8;
    background: url("images/panel_title.png") 50% 50% repeat-x;
    color: #15428B;
}

.ui-dialog .ui-dialog-content {
    border: 0;
    padding: 0px 0px 0px 0px;
}

.ui-dialog .ui-dialog-title {
    float: none;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
    background: #aaaaaa url(images/close.GIF) 50% 50% no-repeat;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}

.ui-button-text-only .ui-button-text {
    padding: .2em 1em;
    background-color: #F2F2F2;
    font-weight: normal;
    color: #000;
}