layer.js--强大的弹出框

最新推荐文章于 2024-09-26 07:41:32 发布

Deer__青春

最新推荐文章于 2024-09-26 07:41:32 发布

阅读量1.1k

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/qq_40195958/article/details/82492396

版权

jquery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

引入js

<script src="<%=basePath%>plugins/layer/layer.js"></script>

页面弹出框代码

<table id="indexTable" class="table table-bordered" style="display: none;">
            <tr height="50">
                <td style="padding-top: 15px;padding-left: 15px;color:red;" id="retrunOpinion">
                </td>
            </tr>
        </table>
这里可以通过js代码进行加载

js弹出操作

function promptOpinion() {
    layer.open({
        skin: 'layui-layer-lan', //深蓝style
        type: 1,
        offset: 'm' //具体配置参考：offset参数项
            ,
        content: $("#indexTable"),
        area: '500px',
        shade: 0, //不显示遮罩
        title: ['退回意见', 'font-size:14px;']
    });
}