版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_33800083/article/details/80588402
由于layer可以独立使用,也可以通过Layui模块化使用。所以请按照你的实际需求来选择。
场景 | 用前准备 | 调用方式 |
---|---|---|
1. 作为独立组件使用 | 如果你只是单独想使用 layer,你可以去 layer 独立版本官网下载组件包。你需要在你的页面引入jQuery1.8以上的任意版本,并引入layer.js。 | 通过script标签引入layer.js后,直接用即可。 参考:快速上手 |
2. layui 模块化使用 | 如果你使用的是 layui,那么你直接在官网下载 layui 框架即可,layer是layui包含的一个模块,无需引入 jQuery 和 layer.js,但需要引入layui.css和layui.js | 通过layui.use('layer', callback)加载模块 |
作为独立组件使用 layerlayui.code
- 引入好layer.js后,直接用即可
- <script src="layer/layer.js"></script>
- <script>
- layer.msg('hello');
- </script>
在 layui 中使用 layerlayui.code
- var layer = ''; //先声明一个全局变量方便在下边引用
- $(document).ready(function (){
- layui.use('layer', function(){
- layer=layui.layer;
- });
- });
- 声明一下后,就可以在代码中使用了。