jQuery弹窗alert美化插件_confirm弹出框美化插件 - xcConfirm

最新推荐文章于 2022-04-02 09:13:36 发布

转载最新推荐文章于 2022-04-02 09:13:36 发布 · 759 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yy123.ink/frontDetail/11875

文章标签：

#jquery #javascript #前端

网站模版专栏收录该内容

3170 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的提示框插件示例，包括不同类型的提示信息如信息、确认、警告、错误和成功等，并展示了如何通过按钮触发这些提示框。

下载地址

$("#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); });