zoukankan      html  css  js  c++  java
  • 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;
  • 相关阅读:
    noip2015运输计划
    bzoj3595 方伯伯的oj
    noip模拟赛 #3
    圆方树
    AtCoder AGC #4 Virtual Participation
    noip模拟赛 #2
    AtCoder AGC #3 Virtual Participation
    UNR #1 火车管理
    noip模拟赛
    AtCoder AGC #2 Virtual Participation
  • 原文地址:https://www.cnblogs.com/wangyuyanhello/p/13222820.html
Copyright © 2011-2022 走看看