扩展jquery ui对话框(添加更多选项)

前端之家收集整理的这篇文章主要介绍了扩展jquery ui对话框(添加更多选项)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我如何为jQuery对话框创建和添加新选项?
例如:我喜欢通过设置选项可以控制标题栏的显示显示关闭按钮.

脚本将是这样的:

$("#message").dialog({
  showTitle:false,//new option (hide Title bar)
  showCloseButton:true //new option (show close button)
  modal:true...        //other options
})

解决方法

这比我在评论中表达的要容易一些.
// store old method for later use
var oldcr = $.ui.dialog.prototype._create;
// add the two new options with default values
$.ui.dialog.prototype.options.showTitlebar = true;
$.ui.dialog.prototype.options.showClosebutton = true;
// override the original _create method
$.ui.dialog.prototype._create = function(){
    oldcr.apply(this,arguments);
    if (!this.options.showTitlebar) {
       this.uiDialogTitlebar.hide();
    }
    else if (!this.options.showClosebutton) {
       this.uiDialogTitlebar.find(".ui-dialog-titlebar-close").hide();
    }
};

// this is how you use it
$("<div />").dialog({
    showClosebutton: false
});
// or
$("<div />").dialog({
    showTitlebar: false
});

显然,如果标题栏被隐藏,关闭按钮也将被隐藏,因为它是标题栏的一部分.

猜你在找的jQuery相关文章