/** layui-v2.3.0 MIT License By https://www.layui.com */ ;!function(e,t){"use strict";var i,n,a=e.layui&&layui.define,o={getPath:function(){var e=docu ...
转载 2021-08-08 08:21:00
275阅读
2评论
最近在看layer.js源码,从中得到了一些启发,对于一个框架的设计也有了一定的看法,现在对于这个框架的设计以及其他的问题来说明一下。layer.js是一个专注于弹出层的框架,这个框架本身可以实现5种弹出层类型,其他的就不多说了,可以去看看它的官网,下面说一下它的主要组织形式:首先,这个框架本身就是一个IIFE(立即执行函数表达式),保证了局部环境,避免了全局变量污染的问题框架内部主要是三个对象构
转载 2023-09-26 17:15:32
166阅读
先要引入jquery,然后代码:<link rel="stylesheet" href="/static/layui-v2.5.5/layui/
原创 2023-02-28 06:52:54
171阅读
了解到一个很好用的弹框插件,名字叫layer.js前几天要在网页中改写alert函数,自己写了一个模态框,虽然效果出来了,但是点击关闭后,无法返回当前页面。请教大神时,说有一个叫layer.js的东西,做弹窗很好,怀着好奇的心情,试着接触了一下,果然非常ok,而且比自己写的模态框还好用,关键是很多东西都可以改,呵呵,下面列举一下,方便自己以后查阅layer 是建立在jquery.js基础
转载 2023-11-06 11:05:53
198阅读
loading加载和layer.js
转载 2018-04-22 01:29:00
376阅读
2评论
引入好layer.js后,直接用即可<script src="layer.js"></script> <script> layer.msg('hello'); </script>基础参数layer.open({ type: 1,//基本层类型--类型:Number,默认:0。 0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(t
转载 2024-06-05 20:38:00
71阅读
简介layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。在与同类组件的比较中,layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能,且格外注重性能的提升、易用和实用性,正因如此,越来越多的开发者将媚眼投上了layer(已被3731654人次关注)。layer 甚至兼容了包括IE6在内的所有主流浏
转载 2022-09-14 11:37:38
277阅读
js插件 layer.js使用体验是怎样 一、总结 一句话总结:只有jquery和js,没有css,使用各种弹出层掉用各种函数特别方便,特别简单,特别好用。 引入只需要引入这两个,css都不需要,真方便(手机端用的话好像有自己的js和css) 比如下面的弹出一个提示层 二、最简单使用代码
转载 2018-09-03 22:29:00
305阅读
tData('id')}">{$teacher->getData('name')} {/volist}
原创 2023-02-15 08:52:37
105阅读
type - 基本层类型类型:Number,默认:0layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1})方式调用,则type为必填项(信息框除外)文档地址:https://www.layui.com/doc/modules/layer.html...
原创 2023-02-27 19:44:53
75阅读
var data = { area:["1240px","700px"], resize:false, shadeClose:false, shade:false, maxmin:true, zIndex:123456, callback:function(data){ }, min: functi
ide
原创 8月前
44阅读
办法只需: 把layer的引用放在有冲突的js库前面就行了
转载 2023-02-23 18:58:29
73阅读
//捐赠弹窗 function donation(){ layer.tab({ area: ['260px', '380px'], tab: [{ title: "微信", content: "<div style='padding:25px;overflow:hidden;background:#
原创 2024-08-09 14:04:32
20阅读
# Vue Layer 中的 jQuery 报错问题解析 在前端开发中,我们常常会结合使用多个库和框架来实现复杂的功能。在众多技术栈中,Vue.js 是一个非常流行的 JavaScript 框架,而 jQuery 则是一个经典的 JavaScript 库,常用于 DOM 操作及事件处理。当我们在 Vue 项目中使用 layer 插件,并且偶尔会遇到“jQuery is not defined”的
原创 7月前
77阅读
npm install vue-layer Quick Start 在程序入口添加 import Vue from 'vue'; import layer fr
转载 2020-02-28 10:01:00
317阅读
2评论
 作为独立组件使用 layer引入好layer.js后,直接用即可<script src="layer.js"></script><script>layer.msg('hello'); </script>在 layui 中使用 layerlayui.use('layer', function(){ var layer = layui.layer;
转载 2018-11-23 18:00:00
112阅读
2评论
安装:下载源码到本地layer: 丰富多样的 Web 弹出层组件,可轻松实现 Alert/Confirm/Prompt/普通提示/页面区块/iframe/tips 等等几乎所有的弹出交互。目前已
原创 精选 2023-06-05 13:57:31
1899阅读
最近做一个移动端项目,弹框写的比较麻烦,查找资料,找到了这个组件,但是说明文档比较少,自己研究了下,把我碰到的错,和详细用法分享给大家!有疑问可以打开组件看一看,这个组件是仿layer-mobile的,很多用法都一样,可以看看哦! 一、npm 安装 // 当前最新版本 1.2.0 npm insta
转载 2019-12-20 17:52:00
374阅读
2评论
使用场景 由于layer可以独立使用,也可以通过Layui模块化使用。所以请按照你的实际需求来选择。不同点作为独立组件使用Layui模块化使用用前准备如果你不想使用Layui,而只是想使用layer,你可以去layer独立组件官网下载组件包。你需要在你的页面引入jQuery1.8以上的任意版本,并引入layer.js。如果你使用的是Layui,那么你直接在官网下载layui框架即可,无需引入jQu
转载 2024-05-22 14:17:51
88阅读
// 悬浮提示 var tips; $("#Toda").on({ mouseover: function () { tips = layer.tips("这里是提示信息", "#Toda", { time: 0 }); }, mouseout: function () { layer.close(
原创 2024-08-09 13:49:15
165阅读
  • 1
  • 2
  • 3
  • 4
  • 5