/**
* @param {msg} 弹框信息内容
* @param {autoclose} 几秒后自动关闭 默认为3秒
* @param {iscancel} 是否是选择框
* @param {okcb} 成功后执行回调函数
* @param {cancelcb} 取消后执行回调函数
*/
function showMessage(msg, autoClose, isCancel, okCb, cancelCb){
var mThis = $('#openBox');
var isShow = mThis.data('isShow');
if(isShow)return;
mThis.show();
mThis.data('isShow', true);
var s = typeof autoClose == 'number'?autoClose:3;
if(autoClose){
var st = setInterval(function(){
s--;
if(s > 0){
$('#openBox_auto').html(s+'秒后自动关闭');
} else {
hideMessage(okCb);
}
}, 1000);
}
$('#openBox_txt').html(msg);
if(autoClose)
$('#openBox_auto').html(s+'秒后自动关闭');
else
$('#openBox_auto').html('');
if(isCancel){
$('#openBox_cancel').show();
} else {
$('#openBox_cancel').hide();
}
function hideMessage(cb){
if(autoClose && st)
clearInterval(st);
mThis.hide();
mThis.data('isShow', false);
if(cb != undefined && typeof cb == 'function'){
cb();
}
}
$('#openBox_ok').click(function(){
hideMessage(okCb);
$('#openBox_cancel').unbind('click');
$(this).unbind('click');
return false;
});
$('#openBox_cancel').click(function(){
hideMessage(cancelCb);
$('#openBox_ok').unbind('click');
$(this).unbind('click');
return false;
});
$(document).keydown(function(event){
$('.inputThis').removeClass('inputThis');
var box = $('.merchant_popbox');
var inp = $('input:focus').addClass('inputThis');
if(box.css("display")=='block'){
if (event.keyCode == 13){
box.fadeOut(200,function(){
inp.focus();
})
$('input').blur();
$('#openBox_ok').click();
}
}
})
}
showMessage 弹框函数
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 原文链接:弹框体系总结:模态弹框和非模态弹框 - 优设-UISDC 概要:弹框主要完成信息传递和用户反馈两大功能。...
- 点击按钮显示某个弹框,然后点击此弹框以外的区域让你隐藏,网上找到了比较好的实现方法,这里做一下总结 原理就是通过j...
- 今天介绍三个控件,前两个是Material Design(简称MD,下同)规范中的确认弹框(Confirmatio...
- // 1 如果两个按钮都为空,则默认一个确定按钮 #define HTALERTWITHBUTTONS(title...