关于 Layui 和Layer 的引入问题

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

使用过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"  
        });   
}
````
希望大家可以谨记。避免此类错误。

发表评论取消回复

表情：

评论列表（有 0 条评论，1103人围观）

还没有评论，来说两句吧...

相关阅读

相关 Layui关于layer弹出层的使用心得

1.动态修改父级标题使用layui.layer打开一个iframe页面，如果想在子页面修改父标题的内容也就是 layer.open({title:"123"

╰半橙微兮°/ 2022年12月06日 05:27/ 0 赞/ 162 阅读

相关关于引入文件名字问题

db.properties url = 127.0.0.1 userName = root password = 123456 当文件名为userN

秒速五厘米/ 2022年05月28日 00:38/ 0 赞/ 143 阅读

相关 Layui中layer报错问题

问题描述： Uncaught ReferenceError: layer is not defined 解决方法，查看网上说名，是非独立版导致直接使用layer导致

深藏阁楼爱情的钟/ 2022年05月09日 07:50/ 0 赞/ 400 阅读

相关 layui中引入treetable的方法

layui中引入treetable的方法直接上代码 layui.config(\{ base: '/static/layui/lay/modules/' \}).ext

Love The Way You Lie/ 2022年04月11日 04:13/ 0 赞/ 437 阅读

相关 layer容易打成layui

开发工具与关键技术：MVC 作者：文泽钦撰写时间：2019年3月29日在mvc学习过程中，常常会出现单词错，不是单词打错就是打错字母，我就是一个经常犯一些低级错错

逃离我推掉我的手/ 2022年02月26日 13:58/ 0 赞/ 238 阅读

相关记一次解决layui 的bug - layer.open 与 layui渲染问题

场景是这样的，通过layer打开一个弹窗，里面放置一个表单，表单是用layui来渲染的。当弹窗完成之后，我需要渲染表单中的一些内容、譬如laydate。 laye

一时失言乱红尘/ 2021年12月22日 05:19/ 0 赞/ 752 阅读

相关 layui中的layer页面层

页面层，类似bootstrap的模态框 <div class="add"> 要展示的内容 </div> layer.open(

朴灿烈づ我的快乐病毒、/ 2021年12月09日 06:07/ 0 赞/ 604 阅读

相关 layui引入echarts-gl报错问题

Layui 引入echarts-gl报错问题前言： layui : 后台管理的一个前端框架 echarts：非常强大的报表插件问题：

冷不防/ 2021年11月22日 23:04/ 0 赞/ 1046 阅读

相关 layui引入jQuery

//第一种：主动加载jquery模块 layui.use(['jquery', 'layer'], function(){ var $ = lay

谁借莪１个温暖的怀抱￠/ 2021年09月23日 08:52/ 0 赞/ 575 阅读

相关关于 Layui 和Layer 的引入问题

使用过layui 和 layer 的同志们，都知道它们存在着很多坑，出现问题很不好解决，无从下手。一下面是layui 和layer 的引入问题。大家使用layu...

灰太狼/ 2020年11月17日 10:30/ 0 赞/ 1104 阅读