简介:
该插件一共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); }); }); });