由于layer可以独立使用,也可以通过Layui模块化使用。所以请按照你的实际需求来选择。
场景 | 用前准备 | 调用方式 |
---|---|---|
1. 作为独立组件使用 | 如果你只是单独想使用 layer,你可以去 layer 独立版本官网下载组件包。你需要在你的页面引入jQuery1.8以上的任意版本,并引入layer.js。 | 通过script标签引入layer.js后,直接用即可。 参考:快速上手 |
2. layui 模块化使用 | 如果你使用的是 layui,那么你直接在官网下载 layui 框架即可,无需引入 jQuery 和 layer.js,但需要引入layui.css和layui.js | 通过layui.use('layer', callback)加载模块 |
作为独立组件使用 layerlayui.code
- 引入好layer.js后,直接用即可
- <script src="layer.js"></script>
- <script>
- layer.msg('hello');
- </script>
在 layui 中使用 layerlayui.code
- layui.use('layer', function(){
- var layer = layui.layer;
- layer.msg('hello');
- });
因此在按上述操作后,没必要在单独引入layer.css
在使用require.js时
function startup(Cesium) {
'use strict';
var layer;
layui.use('element', function(){
var element = layui.element;
var layui_element = layui.element, layui_layer = layui.layer,layui_form = layui.form;
});
layui.use('layer', function(){
layer = layui.layer;
layer.msg('hello');
});
});