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

最新推荐文章于 2025-05-31 15:55:05 发布

Mr.小朱同学

最新推荐文章于 2025-05-31 15:55:05 发布

阅读量1.8k

点赞数 1

CC 4.0 BY-SA版权

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

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

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

43 篇文章 ¥29.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;

        // 下面就可以写其他代码了
    });
</script>

了解本专栏