特效描述:html5手机端 弹出对话框确认。html5手机端弹出对话框
代码结构
1. 引入JS
2. HTML代码
没有传递任何参数(需手动关闭)
弹出一个不带任何按钮,且是警告的框,并且两秒后自动关闭
弹出一个有确认的取消的按钮的成功框,点击按钮直接关闭
弹出一个有确认的警告框,点击按钮不可以关闭(需要手动关闭)
弹出一个多组合的按钮框,且按钮样式可以定制
弹出一个确认和删除的框,点击确认弹出加载2秒自动关闭,点击删除按钮把上一次框关闭
带动画的弹出框
$('#btn1').tap(function(){
var d = $.dialog();
});
$('#btn2').tap(function(){
var d = $.dialogTwo();
});
$('#btn3').tap(function(){
var d = $.dialogThree();
});
$('#btn4').tap(function(){
var d = $.dialogFour();
});
$('#btn5').tap(function(){
var d = $.dialogFive();
});
$('#btn6').tap(function(){
var d = $.dialogSix({
type:'warning',
message:'这是一个警告框!',
buttons:['确认',
'删除']
})
});
$('#btn7').tap(function(){
var d = $.dialogSeven();
});