> 웹 프론트엔드 > JS 튜토리얼 > jquery 캡슐화된 대화 상자의 간단한 구현

jquery 캡슐화된 대화 상자의 간단한 구현

WBOY
풀어 주다: 2016-05-16 17:28:13
원래의
1415명이 탐색했습니다.
复代码码 代码如下:

var _alert_iconCss = "tipmsg_icoInfo";
var _confirm_iconCss = "tipmsg_icoConfirm";
var _error_iconCss = "tipmsg_icoError";
var _warning_iconCss = "tipmsg_icoWarning";
functionDialogInit(type, msg) {
var iconCss = "";
스위치(유형) {
case "confirm" : iconCss = _confirm_iconCss; 부서지다;
케이스 "오류" : iconCss = _error_iconCss; 부서지다;
케이스 "경고" : iconCss = _warning_iconCss; 부서지다;
기본값: iconCss = _alert_iconCss; 부서지다;
}

var htmlStr = "";
htmlStr을 반환합니다.
}
function Alert(msg, okCallback) {
var title = "提示";
var 유형 = "경고";
var html =dialogInit(type, msg);
var div = $("body").find("#" type "Div");
div.remove();
$('body').append($(html));

var 버튼 = {"确정" : function () {
if(okCallback) okCallback();
$(this).dialog("닫기");
}
};

$("#" type "Div").dialog({
modal : true,
title : title,
buttons : 버튼
});
}
function 확인(msg, okCallback, cancelCallback) {
var title = "确认";
var type = "확인";
var html =dialogInit(type, msg);
var div = $("body").find("#" type "Div");
div.remove();
$('body').append($(html));

var 버튼 = {"确정" : function () {
if(okCallback) okCallback();
$(this).dialog("닫기");
},
"取消" : function () {
if(cancelCallback) cancelCallback();
$(this).dialog("닫기");
}
};
$("#" type "Div").dialog({
modal : true,
title : title,
buttons :button
});
}
function Error(msg, okCallback) {
var title = "错误";
var 유형 = "오류";
var html =dialogInit(type, msg);
var div = $("body").find("#" type "Div");
div.remove();
$('body').append($(html));

var 버튼 = {"确정" : function () {
if(okCallback) okCallback();
$(this).dialog("닫기");
}
};

$("#" type "Div").dialog({
modal : true,
title : title,
buttons : 버튼
});
}
function Warning(msg, okCallback) {
var title = "警告";
var 유형 = "경고";
var html =dialogInit(type, msg);
var div = $("body").find("#" type "Div");
div.remove();
$('body').append($(html));

var 버튼 = {"确정" : function () {
if(okCallback) okCallback();
$(this).dialog("닫기");
}
};

$("#" type "Div").dialog({
modal : true,
title : title,
buttons : 버튼
});

}
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿