这是一款移动端弹窗插件,包括常见的 alert、confirm。toast、notice 四种类型弹窗,支持 jQuery 和 Zepto 库。
官网地址:
http://sufangyu.github.io/project/dialog2/dist/demos/
gitHub:https://github.com/sufangyu/dialog2
使用说明
1、引入 CSS 文件
<link rel="stylesheet" href="../css/dialog.css" />复制代码
2、引入 JS 文件
<script src="../lib/zepto.min.js"></script>
<script src="../js/dialog.js"></script>
复制代码
3、HTML 结构
<button id="btn-01">显示弹窗</button>
复制代码
4、实例化
$(document).on('click', '#btn-01', function() {
var dialog1 = $(document).dialog({
content: 'Dialog 移动端弹窗插件的自定义提示内容',
});
});复制代码
示例
显示弹窗
$(document).on('click', '#btn-01', function() {
$(document).dialog({
content: '我是默认的弹窗。这里是提示信息内容',
});
});复制代码