layui模块使用规范(附代码)


本文摘自PHP中文网,作者尚,侵删。

预先加载

开门见山,还是直接说使用比较妥当。Layui的模块加载采用核心的 layui.use(mods, callback)方法,当你的JS 需要用到Layui模块的时候,我们更推荐你采用预先加载,因为这样可以避免到处写layui.use的麻烦。你应该在最外层如此定义:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

/*

Demo1.js

使用Layui的form和upload模块

*/

layui.use(['form', 'upload'], function(){ //如果只加载一个模块,可以不填数组。如:layui.use('form')

var form = layui.form() //获取form模块

,upload = layui.upload; //获取upload模块

//监听提交按钮

form.on('submit(test)', function(data){

console.log(data);

});

//实例化一个上传控件

upload({

url: '上传接口url'

,success: function(data){

console.log(data);

}

})

});

按需加载(不推荐)

阅读剩余部分

相关阅读 >>

layui表格分页不生效怎么办

浅谈layui前端遇到的难点(集合)

layui的模块是什么意思?

怎么利用layui美化table数据表格

layui时间选择框介绍

layui代码修饰器不显示样式怎么解决

layui判断表单是否为空

layui不同版本在使用上的差异对比

layui的优缺点是什么?

layui算前端框架吗

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...