前端框架layui之layer弹出层学习笔记

Mr.小朱同学

于 2020-05-15 13:24:56 发布

阅读量1.7k

点赞数 1

分类专栏： Web前端笔记文章标签： layui layer

本文链接：https://blog.youkuaiyun.com/qq_39826207/article/details/94998910

版权

Web前端笔记专栏收录该内容

40 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文是关于layui框架中layer弹出层的学习笔记，详细介绍了如何使用layer创建各种类型的弹出层，包括提示层、页面层、弹出框、信息框模式、按钮配置、动画效果、遮罩设置等，并提供了丰富的示例代码和使用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layui框架中layer弹出层。

引入js文件和对应模块：

首先引入模块化组件的js文件：

<!-- 如果需要使用模块，则引入layui.js文件 -->
<script type="text/javascript" src="../layui/layui.js"></script>

注意：上面的文件路径写自己的路径。

然后通过模块化方式，使用layer弹出层，那么必须先自己引入对应的模块，引入模块代码如下：

<script type="text/javascript">
    // 引入layui内置的jquery模块和layer弹出层模块
    layui.use(['jquery','layer'], function() {
        // 声明对应的变量
        var $ = layui.$, layer = layui.layer;

        /

了解本专栏

超级会员免费看