layer是如何使用的

@[ layer侧重于用户灵活的自定义,为不同人的使用习惯提供动力。只需在调用时简单地配置相关参数,即可轻松实现。与同类弹出层组件相比,layer的优势明显,可能地在以更少的代码展现出更强健的功能。layer格外注重性能的提升,采用面向对象的思想实现,在多层模式的回调处理中,具备其它多数层组件所没有的“独立不冲突”。并且兼容了一切浏览器。
1、layer是为了解决什么问题?
调用的时候更加方便,不用写太多代码
页面加载问题,使得页面简介,不宜暴露在自己的文件,减少网站数据请求
封装了大部分插件,可以节省写代码的时间提高效率
2、是如何进行封装的?
一、使用时,请把文件夹layer整个放置在您站点的任何一个目录,只需引入layer.min.js即可,除jQuery外,其它文件无需再引入。
二、如果您的js引入是通过合并处理或者您不想采用layer自动获取的绝对路径,您需要打开layer.min.js 去配置相对路径url。默认采用自动获取layer所在的路径,在layer.min.js底部加入,代码如下:

  • //完成注册Layui对象到window
    require.config({
    baseUrl:"./static/layui/lay/modules",
    paths:{
    ‘jquery’:‘jquery-1.12.2.min’,
    ‘bootstrap’:‘bootstrap’,
    ‘treeview’: ‘bootstrap-treeview’,
    ‘validator’: ‘bootstrapValidator’,
    ‘layer’:‘layer’,
    ‘tool’:‘tool’
    },
    })
    window.Layui = {
    config: function (config) {
    if(typeof config != “undefined”) {
    require.config(config);
    }
    },
    use: require
    }

3、怎么帮你解决页面问题的?

  • 第一步引入 加载进入html文件中
    引入<script src="layer.min.js> <script src="你的jquery文件*,这个文件必须写在这里*“>

  • 第二步在页面中写script代码:
    layui.ues([ 写在window中挂靠的组件,可以是多个用逗号隔开]),function(与前面括号的一一对应){
    自己要执行的代码
    };

这样你的整体页面搭建,就会快速完成。留出很多时间驱邪逻辑关系,加快效率。大家可以试试。

TOC](这里写自定义目录标题)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值