首页 > 其他 > 详细

layui-弹出层

时间:2019-10-17 14:12:28      阅读:74      评论:0      收藏:0      [点我收藏+]

1. 

//弹框中的表单
<form class="add" lay-filter="addform" id="addform" style="display: none;">
        <div class="layui-form-item">
            <label class="layui-form-label">用户名</label>
            <div class="layui-input-block">
                <input type="text" name="username" placeholder="请输入" autocomplete="off" class="layui-input" lay-filter="username">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">复选框</label>
            <div class="layui-input-block">
                <input type="checkbox" name="like[write]" value="write" title="写作" >
                <input type="checkbox" name="like[read]" value="read" title="阅读" >
            </div>
        </div>
    </form>

2. 

layui.use(‘layer‘, function(){
        var layer = layui.layer;
        
        layer.open({
            title: [‘title‘, ‘text-align:center; background:#fff‘],
            type: 1, 
            area: [‘500px‘, ‘300px‘],
            content: $(‘#addform‘), //这里content是一个普通的String
            // offset: ‘auto‘, //弹框位置
            btn: [‘no‘, ‘yes‘]
            ,btnAlign: ‘c‘
            ,btn1: function(index, layero){
                alert(‘no‘)
          layer.closeAll(type) - 关闭所有层 } ,btn2:
function(index, layero){ alert(‘yes‘) //return false 开启该代码可禁止点击该按钮关闭 } ,cancel: function(){ //右上角关闭回调 //return false 开启该代码可禁止点击该按钮关闭 } ,success: function(layero, index){ //弹出成功的回调 console.log(‘弹出了‘+layero, index); } }); });

 

layui-弹出层

原文:https://www.cnblogs.com/xhrr/p/11691549.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!