首頁 > web前端 > js教程 > jquery封裝的對話框簡單實作_jquery

jquery封裝的對話框簡單實作_jquery

WBOY
發布: 2016-05-16 17:28:13
原創
1430 人瀏覽過
複製程式碼如下程式碼:

var _alert_iconCss = "tipmsg_InfoInfo";; ";
var _error_iconCss = "tipmsg_icoError";
var _warning_iconCss = "tipmsg_icoWarning";
functiondialogInit(type, mt.) {
var iconFs = ""hvar); 🎜>case "confirm" : iconCss = _confirm_iconCss;休息;
案例「錯誤」:iconCss = _error_iconCss;休息;
案例「警告」:iconCss = _warning_iconCss;休息;
案例「警告」:iconCss = _warning_iconCss;休息;
}

var htmlStr = "」;
返回htmlStr;
}
function Alert(msg, okCallback) {
var title = "提示";
var type = "alert";
var html =dialogInit(type, msg);
var div = $ ("body").find("#" type "Div");
div.remove();
$('body').append($(html));

var Buttons = {"確定" : function () {
if(okCallback) okCallback();
$(this).dialog("關閉");
}
};

$("#" type "Div").dialog({
modal : true,
title : 標題,
buttons : 按鈕
});
}
functionConfirm(msg, okCallback, cancelCallback) {
var title = "確認";
var type = "確認";
var html =dialogInit(type, msg);
var div = $( "body").find("#" type "Div");
div.remove();
$('body').append($(html));

var Button = {"確定" : function () {
if(okCallback) okCallback();
$(this).dialog("關閉");
},
"取消" : function () {
if(cancelCallback) cancelCallback();
$(this).dialog("關閉");
}
};
$("#" type "Div" ).dialog({
modal : true,
title : 標題,
buttons : 按鈕
});
}
函數錯誤(msg, okCallback) {
var
函數錯誤(msg, okCallback) {
var> title = "錯誤";
var type = "錯誤";
var html =dialogInit(type, msg);
var div = $("body").find("#" type "Div ");
div.remove();
$('body').append($(html));

var Button = {"確定" : function () {
if(okCallback) okCallback();
$(this).dialog("關閉");
}
};

$("#" type "Div"). dialog({
modal : true,
title : 標題,
buttons : 按鈕
});
}
函數警告(msg, okCallback) {
var title = "警告";
var type = "警告";
var html =dialogInit(type, msg);
var div = $("body").find("#" type "Div") ;
div.remove();
$('body').append($(html));

var Button = {"確定" : function () {
if (okCallback) okCallback();
$(this).dialog("關閉");
}
};

$("#" type "Div").dialog( {
modal : true,
title : 標題,
buttons : 按鈕
});

}

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板