zoukankan      html  css  js  c++  java
  • 移动端弹窗 layer.js 使用

     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>
  • 相关阅读:
    单例 与 static
    ActiveMQ 核心概念
    Jconsole
    死锁
    document write & close
    java.nio.Buffer
    Java 线程控制(输出奇偶数)
    exist & in
    命运
    Super Jumping! Jumping! Jumping!
  • 原文地址:https://www.cnblogs.com/cisum/p/9247860.html
Copyright © 2011-2022 走看看