1 <!DOCTYPE html>
2 <html lang="en">
3
4 <head>
5 <meta charset="UTF-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <meta http-equiv="X-UA-Compatible" content="ie=edge">
8 <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
9 <script src="https://cdn.bootcss.com/layer/3.1.0/mobile/layer.js"></script>
10 <script src="https://cdn.bootcss.com/layer/3.1.0/mobile/need/layer.css"></script>
11 <title>Document</title>
12 </head>
13
14 <body>
15 <button id="mask">点击弹窗</button>
16
17 <script>
18 (function () {
19 $('#mask').on('click', function () {
20 //询问框
21 // 更多使用详情，请访问：http://layer.layui.com/mobile/
22 layer.open({
23 content: '您确定要刷新一下本页面吗？'
24 , btn: ['刷新', '不要']
25 , yes: function (index) {
26 location.reload();
27 layer.close(index);
28 }
29 });
30 });
31 })();
32 </script>
33 </body>
34
35 </html>
