您的位置:首页 > Web前端 > JQuery

自己用JQueryUI封装了几个系统常用对话框

2015-04-20 10:36 162 查看
/*
* @功能描述:各种系统消息框
* @前置插件:JQueryUI
* @开 发 者:魏巍
* @开发日期:2015-04-15
* @version 1.0
*/
var SF = {};
SF.Msg = function () {
var $msgbox, offTimer;

var popup = function (_msg) {//自动关闭
$msgbox = $("<div>" + _msg + "</div>");
$msgbox.dialog({
title: "系统提示",
width: 300,
height: 150,
resizable: false,
close: function () {
$(this).dialog("destroy");
}
});
$msgbox.prev('.ui-dialog-titlebar').remove();

clearTimeout(offTimer);
offTimer = setTimeout(function () {
$msgbox.dialog("close");
}, 1000);
}

var succeed = function () {//操作成功
popup("操作成功");
}

var alert = function (_msg) {
$msgbox = $("<div>" + _msg + "</div>");
$msgbox.dialog({
title: "系统提示",
width: 300,
height: 200,
modal: true,
resizable: false,
buttons: { "确定": function () { $(this).dialog("close"); } },
close: function () {
$(this).dialog("destroy");
}
});
}

var confirm = function (_msg, _callback) {
$msgbox = $("<div>" + _msg + "</div>");
$msgbox.dialog({
title: "系统提示",
width: 300,
height: 200,
modal: true,
resizable: false,
buttons: {
"确定": function () {
$(this).dialog("close");
_callback();
},
"取消": function () {
$(this).dialog("close");
}
},
close: function () {
$(this).dialog("destroy");
}
});
}

return {
popup: popup,
succeed: succeed,
alert: alert,
confirm: confirm
}
}();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: