关于 Layui 和Layer 的引入问题

使用过layui 和 layer 的同志们，都知道它们存在着很多坑，出现问题很不好解决，无从下手。

一  下面是layui  和layer 的引入问题。

大家使用layui的组件时，一定要先引入组件的JS ，然后在引入 layui.js ，这样使用的组件才能生效。不然使用的组件一直显示不出来。 例如：使用layer组件 layer.open    一个弹出层组件。

它们组件的JS引入顺序是：

    <script src="../layer/layer.js"></script>  <!-- 先引入 -->
    <script src="../layui/layui.js"></script>  <!-- 后引入 -->

二：关于  Layui  中select  的坑

都使用过layui 的select ,select 动态绑定数据显示，这个select 就是一个坑必须先进行渲染一下layer 才能使用 如果不渲染一下layer,select 动态绑定的数据不会出现。

例如：

function getallgrade(){ //获取所有的年级信息进行 select 动态绑定显示数据
layui.use('form', function(){ //先进行  渲染  后进行数据绑定
          var form = layui.form();
          form.render();
         
        });
     $.ajax({
            type: 'POST',
            url:'<%=basePath%>jsonop.do',
            data: {"k":"selectallgrade","reqcount":0},
            success: function(ret){
               //alert(JSON.stringify(ret));
              tempFn = doT.template(document.getElementById('list-template').innerHTML);
                    $('#grade').html(tempFn(ret.jsondata));
                  $('#grade').val('<%=map.get("tgid")%>');
            },
        dataType: "json"
        }); 
}

希望大家可以谨记。避免此类错误。