新手刚刚接触layui,在自定义自己的layui模块的时候废了半天劲,最终终于定义了一个模块成功了,特此做此记录
步骤如下:
第一步:新建一个js文件,目录自选(该实例实在项目的根目录下新建一个MyDefinationLayUiModal,js文件在该目录下),采用layui.define方法
layui.define(function(e){
//提示:该模块也可以依赖其他模块,如:layui.define('layer',callback);
var alert_demo2 = {
hello:function(str) {
alert('Hello'+str);
}
};
//输出该模块的接口,第一个参数为模块接口的名称,第二个参数为该模块中的可调用的对象,通过该对象可以调用指定的模块中的方法,该接口的名称必须和js的文件名相同(此处的js的文件为alert_demo.js),否则将模块无法被调用。
e('myalert_demo',alert_demo2);
});
第二歩:调用定义好的模块:
<script type="text/javascript">
//对自定义的模块进行路径的配置:
layui.config({
//base属性,指明js所定义的模块的相对(相对于根目录)路径
base:'MyDefinitionLayUiModal/'
}).extend({
myalert_demo:'myalert_demo' //key和value必须一样,此值和输出接口接口的名称 //也相同
});
//使用自定义的提示框模块,use方法中的第一个参数为myalert_demo必须和定义的输出接口的名称 //相同
layui.use('alert_demo',function(){
var alert_demo = layui.myalert_demo;
alert_demo.hello("你好世界,我是自定义模块!!");
});
</script>
到此为止,自定义的模块的基本案例,就此完成,如若有误,请多多指教。不胜感激。