使用過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"
        }); 
}

希望大家可以謹記。避免此類錯誤。