简介:
该插件一共8中弹出层模式
html:
<div class="sgBtn" id="btn1">弹窗1(信息)</div> <div class="sgBtn" id="btn2">弹窗2(提示)</div> <div class="sgBtn" id="btn3">弹窗3(警告)</div> <div class="sgBtn" id="btn4">弹窗4(错误)</div> <div class="sgBtn" id="btn5">弹窗5(成功)</div> <div class="sgBtn" id="btn6">弹窗6(输入框)</div> <div class="sgBtn" id="btn7">弹窗7(自定义)</div> <div class="sgBtn" id="btn8">弹窗8(默认)</div>
js:
$(function(){
$("#btn1").click(function(){
var txt= "提示文字,提示文字,提示文字,提示文字,提示文字,提示文字";
window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.info);
});
$("#btn2").click(function(){
var txt= "提示文字,提示文字,提示文字,提示文字,提示文字,提示文字";
window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.confirm);
});
$("#btn3").click(function(){
var txt= "提示文字,提示文字,提示文字,提示文字,提示文字,提示文字";
window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.warning);
});
$("#btn4").click(function(){
var txt= "提示文字,提示文字,提示文字,提示文字,提示文字,提示文字";
window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.error);
});
$("#btn5").click(function(){
var txt= "提示文字,提示文字,提示文字,提示文字,提示文字,提示文字";
window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.success);
});
$("#btn6").click(function(){
var txt= "请输入";
window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.input,{
onOk:function(v){
console.log(v);
}
});
});
$("#btn7").click(function(){
var txt= "自动应以呀";
var option = {
title: "自定义",
btn: parseInt("0011",2),
onOk: function(){
console.log("确认啦");
}
}
window.wxc.xcConfirm(txt, "custom", option);
});
$("#btn8").click(function(){
var txt= "默认";
window.wxc.xcConfirm(txt);
});
});
});