Layui 加載自己的js文件

第一步：定義模塊

自定義一個js文件，例如：public/static/common/js/demo.js             //你存放新模塊的目錄，注意，不是layui的模塊目錄

demo.js內容如下：

layui.define(['layer'], function(exports) {
    var layer = layui.layer;

    var api = {
        aaa: function (tblId) {
            layer.msg('111');
        }


    };
    //expotts("key",value)
    //key你懂吧？  待會在第二步就要用key值來獲取var table這個對象。繼而調用對象中函數
    exports('demo', api);
});



第二部：在js中使用模塊

<script th:src="@{/layui/layui.js}"></script>
<script type="text/javascript" th:inline="javascript">
    //一般直接寫在一個js文件中
    layui.config({
        base:'/static/common/js/'
    });
    //這里先use，表示使用 base:'/static/common/js/'目錄下的demo.js文件

    layui.use(['form','layer','demo'], function(){
        //layui.key通過key來獲取對象
        var $ = layui.jquery,demo=layui.demo;

        $('#btnDelete').on('click', function(){

            demo.aaa();

        });


    });
</script>

待注意事項：

• exports(‘demo’, api); //key你懂吧？ 待會在第二步就要用key值來獲取var demo這個對象。繼而調用對象中函數
• layui.use([demo])表示 ，使用這個模塊，也就是咱自定義的js文件。
• 通過layui.key通過key來獲取對象var demo=layui.demo;