举例说明:
第一步:建立一个js文件(命名随意,比如step.js),并写下由layui定义的function(){};
layui.define(['需要加载的layui的其他模块','table'],function(exports){
var $ = layui.jquery;
var table = layui.table;
//js代码:
next: function (elem) {
$(elem).find('.layui-carousel-arrow[lay-type=add]').trigger('click');
$(elem).append("hello world!!!")
};
//写Ajax
loadAttributeList: function (tag,productId) {
parent.layer.load(1)
$.ajax({
url: layui.setter.apiHost + "/api/"+productId
, type: "GET"
, dataType: "json",
success: function (result) {
//
});
parent.layer.closeAll('loading');
}
})
},
//写Ajax,例如:加载附件
loadAttachment: function (objId,type) {
return $.ajax({
url: layui.setter.apiHost + "/api/"
, type: "GET"
, dataType: "json"
, data:{objectId:objId,attachmentType:type}
})
}
//等等
});
第二步:在html的头部head中引入链接
<link rel="stylesheet" href="../../路径/step.css" media="all">
第三步:在html的body中加载js模块
layui.use(['step','其他layui模块'],function(){
var $ = layui.$
,step = layui.step;
//编写代码
//html代码,带参数的,可以带任意的参数,包括html代码
step.next('#stepForm');
//不带操作的,仅调用命令带传参的
step.loadAttributeList(tag,productId);
//带操作,调用方法并传参的
step.loadAttachment(productId,'feelingSick').done(function (res) {
$("#test-upload-normal-img").attr("src",layui.setter.fileHost+res.data[0].path);
});
});