插件描述：jQuery扁平对话框插件gDialog，适用于移动端，并平滑兼容IE浏览器。
不支持IE8及以下浏览器。
//alert提示框
$.gDialog.alert("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse libero erat, scelerisque sit amet dolor nec, euismod feugiat massa.", {
title: "Alert Dialog Box",
animateIn: "bounceIn",
animateOut: "bounceOut"
});
});
//带表单 confirm
$('.demo-2').click(function(){
$.gDialog.prompt("jQuery", "www.jq22.com", {
title: "Prompt Dialog Box",
required: true,
animateIn : "rollIn",
animateOut: "rollOut"
});
});
//confirm 操作提示
$('.demo-3').click(function(){
$.gDialog.confirm("Are You Sure?", {
title: "Confirm Dialog Box",
animateIn : "bounceInDown",
animateOut: "bounceOutUp"
});
PREVIOUS:
NEXT:
相关插件-弹出层,工具提示
一款简单实用的弹窗插件JMask（原创）
JMask是一款遮罩插件，其小巧灵活，在项目开发中方便实用。使用方式也特别简单，只需要引入一个js文件，该插件基于JQuery开发，所以使用之前需要引入JQuery文件。
弹出层
讨论这个项目（13）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
静沐暖阳? 0
2017/12/1 15:49:06
$.gDialog.prompt要提交数据，有方法可以跳转URL吗
静沐暖阳?0
2017/12/1 15:54:25
sorry，脑残了，居然问了这个问题，明白了，谢谢
静沐暖阳?0
2017/12/1 16:13:00
如何获取prompt的input中的内容呢
BlessNeo 0
2017/10/16 15:23:24
function showOrderPayAlert() {
$.gDialog.confirm("xxxxx", {
title: "支付确认",
cancel: "取消",
confirm: "已完成支付",
onSubmit: function payAlertConfirm() {
var t = setTimeout("turnToPayResult()", 1000);
},
animateIn: "bounceIn",
animateOut: "bounceOut"
});
}m._OPTIONS = {
title: false,
cancel:false,
confirm:false,
animateIn : false,
animateOut : false,
onSubmit : false,
onCancel : false,
required: false,
};m.tplBase += "<div class=\"gdialog-button-group\">{{BUTTON_CANCEL}} <button class=\"button button-ok\">{{ok}}</button></div>";if (options.cancel) {
t = t.replace("{{cancel}}",options.cancel);
}else {
t = t.replace("{{cancel}}","取消");
}
if (options.confirm) {
t = t.replace("{{ok}}",options.confirm);
}else {
t = t.replace("{{ok}}","好的");
}
回复
我养的小猫 0
2017/1/18 10:29:54
confirm 如何返回boolean值，貌似点取消和确认没返回值怎么判断。。。。。
小学生0
2017/5/31 20:48:34
{ 提供了onSubmit onCancel供你使用 }
Monica-J 0
2016/12/13 15:12:32
-
您好，第二个带有表单提交的弹出框，我想要将输入的值提交到后台怎么弄呢？ cancel 和 ok 我想换成中文的，但是并没有找到在哪里更改它们，麻烦您了。
肥肥猫.0
2017/6/9 15:12:04
你比我还白呢。。。在一个js文件里面修改
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
