layui.js
layui.js
shelleyHLX
这个作者很懒,什么都没留下…
展开
-
Uncaught Error: Syntax error, unrecognized expression: #layui-layer
layer弹出层关闭时控制层报错:Uncaught Error: Syntax error, unrecognized expression: #layui-layer原因:参数位置不可错。。。原创 2021-08-12 14:47:31 · 1339 阅读 · 0 评论 -
layer弹出层显示在top顶层
因为项目框架用了iframe,所以在用layer时,默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示,想到用top.layer.open或者parent.layer.open,但是没反应。后面想到应该是在父页面中没有导入layer.js文件,导入后就能正常显示在父窗口页面区域了。显示在顶层窗口top.layer.open({ type: 2, title: '标题', ...转载 2021-07-29 15:12:48 · 1296 阅读 · 0 评论 -
layer弹出窗口的位置,随浏览器的窗口的大小而改变位置
方案一:采用监听resize实现,需要防抖,效果一般。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1...原创 2021-07-01 10:47:07 · 1614 阅读 · 0 评论 -
layer.js源码分析--好东西
最近在看layer.js源码,从中得到了一些启发,对于一个框架的设计也有了一定的看法,现在对于这个框架的设计以及其他的问题来说明一下。layer.js是一个专注于弹出层的框架,这个框架本身可以实现5种弹出层类型,其他的就不多说了,可以去看看它的官网,下面说一下它的主要组织形式:首先,这个框架本身就是一个IIFE(立即执行函数表达式),保证了局部环境,避免了全局变量污染的问题 框架内部主要是三个对象构成,分别是Class构造函数、layer对象、ready对象 通过window来暴露对外api以转载 2021-07-01 09:38:33 · 683 阅读 · 0 评论 -
layui的学习(二)
https://layer.layui.com/组件的两种用法:<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible"...原创 2021-06-01 15:35:19 · 280 阅读 · 1 评论 -
layerUI的学习(一)
入门layui适用于开发后端模式,服务端页面layui基于dom驱动例子:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 导入需要的js和css --> <script src="layui/layui.js" type="text/javascript" charset="utf-8原创 2021-06-01 14:21:22 · 4209 阅读 · 0 评论