layer弹层组件的使用

版权声明:本文为博主原创文章,未经博主允许不得转载。 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.csslayui.js 通过layui.use('layer', callback)加载模块
 
 

作为独立组件使用 layerlayui.code

  1. 引入好layer.js后,直接用即可
  2. <script src="layer/layer.js"></script>
  3. <script>
  4. layer.msg('hello');
  5. </script>
 
 

在 layui 中使用 layerlayui.code

  1. var layer = '';    //先声明一个全局变量方便在下边引用
  2. $(document).ready(function (){
  3. layui.use('layer', function(){
  4.     layer=layui.layer;
  5. });
  6. });
  7. 声明一下后,就可以在代码中使用了。











猜你喜欢

转载自blog.csdn.net/qq_33800083/article/details/80588402