关于 Layui 和Layer 的引入问题

灰太狼 2020-11-17 10:30 1201阅读 0赞

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

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

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

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

### 二：关于  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"  
        });   
}
````
希望大家可以谨记。避免此类错误。