jQuery+bootstrap实现美化警告/确认/提示对话框插件
2017-07-14 11:51
901 查看
jQuery+bootstrap实现美化警告/确认/提示对话框插件
jconfirm.defaults = {
title:'提示信息',
theme:'bootstrap',
//icon:'fa fa-warning',
type:'blue',
typeAnimated:true,
boxWidth:'30%',
useBootstrap:false,
draggable: true
};
/*通用弹出框*/
function alert(content){
$.alert({content:content});
}
/*通用弹出框的回调函数*/
function call_alert(content,_callback){
$.alert({
content:content,
buttons: {
confirm:function () {
_callback(true);
}
}
});
}
/*通用确认框的回调函数*/
function confirm(content,_callback){
$.confirm({
content:content,
buttons: {
confirm:function () {
_callback(true);
},
cancel:function () {
_callback(false);
}
}
});
}
jconfirm.defaults = {
title:'提示信息',
theme:'bootstrap',
//icon:'fa fa-warning',
type:'blue',
typeAnimated:true,
boxWidth:'30%',
useBootstrap:false,
draggable: true
};
/*通用弹出框*/
function alert(content){
$.alert({content:content});
}
/*通用弹出框的回调函数*/
function call_alert(content,_callback){
$.alert({
content:content,
buttons: {
confirm:function () {
_callback(true);
}
}
});
}
/*通用确认框的回调函数*/
function confirm(content,_callback){
$.confirm({
content:content,
buttons: {
confirm:function () {
_callback(true);
},
cancel:function () {
_callback(false);
}
}
});
}
相关文章推荐
- jQuery+bootstrap实现美化警告/确认/提示对话框插件
- jQuery弹出警告对话框美化插件(警告,确认和提示)
- 基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
- 基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
- jQuery弹出警告对话框美化插件(警告,确认和提示)
- BootStrap入门教程 (四) :JQuery类库插件(模态窗口,滚动监控,标签效果,提示效果,“泡芙”效果,警告区域,折叠效果,旋转木马,输入提示)
- bootstrap中jquery插件——警告框、工具提示框、弹出框、模态框
- jquery插件hiAlert实现网页对话框美化
- jquery仿alert提示框、confirm确认对话框、prompt带输入的提示框插件[附实例演示]
- 教程:jQuery警告/确认/提示弹出对话框效果
- 妙用Bootstrap的 popover插件实现校验表单提示功能
- jQuery插件2(拖拽draggable/放置droppable/排序sortable/面板折叠accordion/横向选项卡tabs/对话框dialog/menu/微调spinner/框提示)
- 基于JQuery实现的对删除操作超链接的确认框提示
- jQuery表单验证插件formValidation实现个性化错误提示(超实用)
- jQuery Modal bootstrap风格对话框插件
- jQuery模拟JS警告、确认、提示弹出对话框效果
- jQuery插件EnPlaceholder实现输入框提示文字
- jQuery插件EnPlaceholder实现输入框提示文字
- jquery 美化弹出提示 漂亮的Dialog 对话框