layui
关注
分享
扫一扫
Heerey525
前端开发工程师一枚
yes，I like code
展开
-
layui小白问题——用别人的layui HTML页面出现纯静态的情况
本人这两天也正在学习layui，因为公司需要做个后台管理系统，快速搭建的话，我的后台java大哥希望我用layui创建前端界面。先简单介绍一下layuilayui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，...原创 2018-06-22 11:01:34 · 4519 阅读 · 0 评论 -
js移动端协议书弹窗（layer）
移动端协议书有两种方案：1、就是直接跳转页面，这个比较简单，直接布局好，设置返回按钮就ok；2、就是弹窗这里我选择layer<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"原创 2018-11-27 11:47:51 · 3517 阅读 · 2 评论 -
layui监听下拉选框选中值变化（包含监听普通下拉选框）
因为本身layui是有一套自身的监听方式，form.on 当然你是先将select放入<div class="layui-form">中，不然都显示不出select里面也有监听普通下拉选框选中值发生改变的方式，直接复制即可<!doctype html><html lang="en"><head> <meta char原创 2018-10-18 17:38:27 · 5701 阅读 · 0 评论 -
layui将table转化表单显示（即table.render转为表单展示）
现有一个table.render({ id : 'table', type:'post', elem : '#table', url : url, where : {'Id' : $data.Id}, page:false, cols : [ [ //表头 ]]})最简单直接用ajax请求，确保url路径正确$.ajax({ ...原创 2018-10-11 10:03:38 · 17439 阅读 · 0 评论 -
layui竖版tab选项卡
效果图加了点css即可，全部代码如下<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, u原创 2018-09-20 10:25:59 · 12340 阅读 · 1 评论 -
layui在线引用地址
2.4.3版本layui在线引用地址（永久有效）layui.js：https://heerey525.github.io/layui-v2.4.3/layui/layui.jslayui.css：https://heerey525.github.io/layui-v2.4.3/layui/css/layui.css2.4.4版本layui在线引用地址（永久有效）layui.js:...原创 2018-08-29 16:17:57 · 38697 阅读 · 7 评论 -
layui radio单选限制下一个radio单选
本demo的效果是单选框一有a和b两个选项按钮，单选框二有q和w两个选项按钮，选中a，使得q不可选，w选中；选中b，使得w不可选，q选中下面是完整的代码，需要引入layui.js，layui.css<!DOCTYPE html><html><head> <meta charset="utf-8"> <t...原创 2018-07-26 15:03:40 · 2131 阅读 · 0 评论 -
layui table表单提示数据接口请求异常
问题一：直接拿别人的文件放在本地打开如下图原因：这是提示“交叉源请求仅支持协议方案：HTTP、数据、Chrome、Chrome扩展、HTTPS。”也就是你不能用本地文件打开，本地打开是file:///C:/Users/Administrator/Desktop/git/layui_table1.html可以在本地服务器上展示没有问题http://localhost/git...原创 2018-07-19 09:33:04 · 93905 阅读 · 21 评论 -
layui 点击按钮添加表单
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-原创 2018-07-18 19:14:48 · 6261 阅读 · 4 评论 -
layui的layer iframe禁止缩放拖拽
弹层组件文档 - layui.layerlayer 至今仍作为 layui 的代表作，她的受众广泛并非偶然，而是这数年来的坚持、不弃的执念，将那些不屑的眼光转化为应得的尊重，不断完善和维护、不断建设和提升社区服务，在 Web 开发者的圈子里口口相传，乃至于成为今天的 layui 最强劲的源动力。目前，layer已成为国内最多人使用的 Web 弹层组件，GitHub 自然Stars5000+，官网累...原创 2018-07-04 19:28:30 · 13000 阅读 · 1 评论 -
layer iframe 设置关闭按钮
layer.open({ type: 2, title: 'XXXX网吧历史更多数据', shade:0, // closeBtn:0, resize:false, move:false, shadeClose: true, //点击遮罩关闭层 area : ['800px' , '600px'], content: '营业...原创 2018-07-16 19:53:32 · 6346 阅读 · 0 评论 -
基于layui的省市镇三级联动js
今天做表单的时候用到省市镇三级联动，用着layui的这一套，那就还是用layui吧，有现成的我就不想自己写了，所以我就找到了layui已经出来的，最新的2018年4月27日更新第二版html：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title&...转载 2018-06-27 23:32:30 · 5669 阅读 · 0 评论 -
Uncaught TypeError: l.push is not a function
layui.use([ 'jquery', 'layer', 'element' ], function() {}而不是layui.use( 'jquery', 'layer', 'element' , function() {}转载 2018-07-16 10:55:48 · 766 阅读 · 0 评论 -
基于layui的简易后台管理系统，后期会更新
直接上代码，效果图在最下面<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scala原创 2018-06-25 22:03:46 · 4017 阅读 · 0 评论 -
layui.js:2 Layui hint: The ID option was not found in the table instance
引用layui.table表格重载的时候，发现报错。The ID option was not found in the table instance，意思为：在表实例中未找到ID选项原因是table.render()内没有正确写id如 <table class="layui-hide" id="user" lay-filter="user"></table&g...原创 2018-12-03 15:14:37 · 64238 阅读 · 0 评论