想把用了layui的页面的一些函数抽取公用,直接引入外部js不可行,只能用layui的模块功能。官网没有说明,但模块名必须和文件名一致
新建yananmod.js文件,内容如下:
layui.define([ 'jquery', 'form' ], function(exports) { // 'jquery', 'form'是依赖的模块 var $ = jQuery = layui.$,form=layui.form; var obj = { hello : function(str) { alert('Hello ' + (str || 'mymod')); }, renderSelect : function(url) { $.ajax({ url : url, dataType : 'json', success : function(data) { console.log(data); }, error : function(msg) { layer.alert("服务器忙,请稍后再试"); } }); } }; // 输出模块名为yananmod。模块名必须和文件名一致。obj是个对象,该对象中定义了两个方法 exports('yananmod', obj); });
引入方式:
<script> layui.config({ base: '/js/' //设定扩展的Layui模块的所在目录 }).use(['jquery','form','yananmod'], function(){ var form=layui.form ,$ = jQuery = layui.$,yananmod = layui.yananmod; yananmod.hello('World!'); //弹出 Hello World! yananmod.renderSelect('xxxurl');// }); </script>