复制代码 代码如下:
$.fn.hDialog = function (options) {
var defaults = {
width: 300,
height: 200,
title: "此处标题",
html: "",
iconCls: "",
submit: function () { alert("可执行代码."); }
}
var id = $(this).attr("id");
options = $.extend(defaults, options);
var self = this;
$(self).dialog({
title: options.title,
height: options.height,
width: options.width,
iconCls: options.iconCls,
buttons: [{
text: "确定",
iconCls: "icon-ok",
handler: options.submit
}, {
text: "取消",
iconCls: "icon-cancel",
handler: function () {
$("#" + id).dialog("close");
}
}]
});
function createContent() {
$(".dialog-content",$(self)).empty().append("<div id="" + id + "_content" style="padding:5px;"></div>");
$("#" + id + "_content").html(options.html);
}
createContent();
}
调用:
复制代码 代码如下:
$(function(){
var d =$("<div id="d"></div>");
$("#d").hDialog({submit:function(){$(d).dialog("close");}});
})