E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
弹出层
将echarts图标插入layui弹框,并实现点击跳转页面效果
话不多说,先看效果图,这个是利用layui的弹框,再将echarts的树图插入到弹框内,再给树的根节点也就是flare添加一个点击跳转到百度页面一、引入相关的文件二、写一个button点击事件,触发
弹出层
的生成及
月来better
·
2020-08-15 10:09
vue使用轻量级
弹出层
组件
后台管理系统经常会使用到
弹出层
进行表单数据填写,使用element-ui会发现
弹出层
的整体不美观,而且无法拖拽,换一个基于lay-ui
弹出层
的vue组件lay-ui是一个基于jQuery的经典的UI框架
看那一缕阳光
·
2020-08-15 10:55
前端
vue
javascript
jQuery点击空白处隐藏
弹出层
jQuery点击空白处隐藏
弹出层
$(function(){$('#btnShow').click(function(event){//取消事件冒泡event.stopPropagation();//按钮的
xianmin_yan
·
2020-08-15 09:05
jquery
jQuery点击网页任意空白区域隐藏div
').on('click',function(event){//取消事件冒泡event.stopPropagation();$('.ulfix').slideToggle();});//点击空白处隐藏
弹出层
yangke_webCsDn
·
2020-08-15 07:16
前端
vue如何循环同一个echarts图表
这里有一位分析师在不同的模拟组合,这时需求要在dialog
弹出层
要展示两个模拟组合信息,而且数据用echarts显示出来。
weixin_30532987
·
2020-08-15 00:47
非常好的web
弹出层
框架 -- layer
1,关于web
弹出层
之前做web
弹出层
,使用的是jqueryui,那个复杂,那个大。而且样式怪怪的。而且文件很大。
倪舒扬
·
2020-08-15 00:10
layui使用
弹出层
关闭后弹层的内容又显示出来
1.layui的弹层插件layer使用当弹层的内容很多时,可以先在页面上写好,一般是写在body里面,不要放在其他的div里面,防止弹层受到影响,使用方法:test....layui.use('layer',function(){layer.open({type:1,title:'测试',content:$('#test')});});这是使用了$,前提是引入了jquery,当然layui里面已经
zy1281539626
·
2020-08-14 22:51
layui
layui
弹出层
弹出层
【重点】layer.alertlayer.confirmlayer.promptlayer.tablayer.photos(options)json要求{"title":"相册标题","id":123
zhouzhou_98
·
2020-08-14 22:51
layui
关于layer.open
弹出层
单击事件如何调用父窗口方法的说明
首先,关于layer
弹出层
的简介这里不做赘述,这里简单介绍下关于layer.open({})
弹出层
中通过单击事件,来调用父窗口方法的实现方式:单刀直入,JS的实现方式可以如下(以单击“修改密码”按钮来弹出
誉尚斌承
·
2020-08-14 22:34
layer
JQuery
动态生成layer.open
弹出层
详细使用案例
很多页面会使用到
弹出层
,动态生成,我结合自己的使用来讲个案例吧具体展现的页面如下这个是个审核查询页面,会动态生成数据,单击id后会出现一个弹窗这是弹窗页面下面是代码单击的代码查询function的代码,
yangfan321p
·
2020-08-14 22:28
web前端
layer.open()当type为1时,为弹出元素添加事件或者修改class
$("#submit_flow_ui").click(function(){//.....其他业务代码//
弹出层
layer.open({type:1,title:"提交确认",area:["800px"
heartxkl
·
2020-08-14 22:32
web
layer
弹出层
不居中
解决方法一:当页面缺少下面这个声明时,在页面最上面加上声明就能解决问题。本人的页面就是少了这个,加上就正常。原因就是少了这个声明,导致解析页面时不正确。定义和用法声明必须是HTML文档的第一行,位于标签之前。声明不是HTML标签;它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。在HTML4.01中,声明引用DTD,因为HTML4.01基于SGML。DTD规定了标记语言的规则,这样浏
夏木炎
·
2020-08-14 22:32
JS
IE兼容
为什么layer中
弹出层
内容点击事件不起作用
为什么layer中
弹出层
内容点击事件不起作用1.click只能为页面现有的元素绑定点击事件,如果是动态生成的新的元素,是没有事件的2.而$(document).on("click","指定的元素",function
韩师学子--小倪
·
2020-08-14 22:39
LayUI
[Layer] layui的
弹出层
用法记录
为了更方便自己的使用和查找,把常用的代码记录一下,省的老去翻文档了。通用加载提示:layer.msg('加载中...',{icon:16,time:false,shade:0.6});layer.load(2,{shade:false});完成提示加关闭当前layerlayer.alert('保存成功!',{icon:1},function(){varindex=parent.layer.getF
小巷而已
·
2020-08-14 22:06
Web前端
Layer
弹出层
的关闭及父页面的刷新问题
functionformSubmit(){varserialStr=$("#form-myform-add").serialize();//序列化表单varurlStr=‘#’;//请求的urlKaTeXparseerror:Expected'}',got'EOF'atendofinput:…//parent.(’.btn-refresh’).click();}});varindex=parent
☞遠航☜
·
2020-08-14 22:51
layui按钮---Layer自定义按钮,关闭
弹出层
/弹窗;layer自带按钮
本天在写代码过程中遇到一个问题.layer本身自带弹窗按钮,可自定义内容及方法,如下:functionopenCurtain(){top.layer.open({type:2,area:[500,500],maxmin:true,title:'窗帘设置',content:'meetingController.do?meetingCurtainPop',btn:['确定','关闭'],//按钮显示-
iUserWang
·
2020-08-14 22:34
layer.js
layui
layui
弹出层
按钮回调
layer.open({title:'错误提示',content:'导入数据有错误,请查看下载文件列表中错误导出文件数据,修改后重新上传',btn:['确认'],success:function(){//这里是这个
弹出层
打开完成后所进行的操作
隐心咒Amor
·
2020-08-14 21:41
HTML
JavaScript
解决 layui
弹出层
(弹框)一闪而过就消失的问题 (转载)
转载:原文链接:https://blog.csdn.net/qq_20594019/article/details/83956532本人遇到问题:使用layer.open()弹出页面层,出现弹框闪跳以下就消失,检查代码无误后在网上发现大神的解析,醍醐灌顶,问题已解决。原文如下:在页面中,layer的弹出框,不管是layer.alert,还是layer.msg等等,都会出现一闪而过的问题,研究发现,
改变自己比改变别人更容易
·
2020-08-14 21:04
layui
layer
layui的
弹出层
layer注意事项
找到(快速上手)首先页面层为例,如下:两种:layer.js+jquery.js或layui.js+layui.css都行//弹出一个页面层$('#test2').on('click',function(){layer.open({type:1,area:['600px','360px'],shadeClose:true,//点击遮罩关闭content:'\自定义内容\'});});关键是如何填充
Bug Terminator
·
2020-08-14 21:14
Layui
Layui-layer
弹出层
开发工具与关键技术:vsmvc撰写时间:2019年6月15日随着对layui更深度的使用后,愈发觉得这插件的好用,就拿layer来说,也就是
弹出层
,layer听起来像另外一个插件的名字,但layer也有独立的版本
瞭望select
·
2020-08-14 21:38
正确使用Layui
弹出层
正确使用Layui
弹出层
开发工具与关键技术:MVC作者:盘洪源撰写时间:2019年6月16日星期天在一些需要用到
弹出层
的页面,这个时候就可以用到layui.layer
弹出层
的一个使用,使用方法也很简单,
weixin_44541872
·
2020-08-14 21:07
layui
弹出层
yes回调问题
functionQuJiu(sid){varindex=layui.use('layer',function(){varlayer=layui.layer;layer.open({title:'取酒',type:2,offset:'auto',anim:5,//弹出的动画0-6//time:1000,//设置多少毫秒后关闭shade:0.3,//背景灰暗程度btn:['确定','取消'],fixe
Mvgin
·
2020-08-14 21:28
layui常用的
弹出层
的使用,以及jquery的ajax请求
监听div中的按钮,然后弹出confirm验证弹窗在head中加载一下layui的jscdn在使用layui.confirm的弹框的时候可以注意到回调函数那里有个index下标,这个下标默认情况下是confirm返回的index,是layer自己的索引,不是你元素上的,你要获取元素上的。需要$(this).index()来获取你好世界(runoob.com)你好世界!配置一个透明的询问框layui
好大的月亮
·
2020-08-14 21:38
前端
layui
弹出层
之layer.open弹出iframe窗口·
layui
弹出层
之layer.open弹出iframe窗口·layer.open弹出iframe窗口【1】该功能为案例,弹出iframe窗口显示上传数据由于layui的
弹出层
每次执行layer.open
梵涯
·
2020-08-14 21:49
layui开发
layui
弹出层
回调获取
弹出层
数据
//弹出楼栋负责人信息页面layer.open({type:2,title:'请选择楼栋负责人',maxmin:false,area:['60%','80%'],offset:'0px',content:'${ctx}/life/houserInsertion/headBuildingInfo?pkProject='+pkProject,btn:['确定','关闭'],yes:function(i
啊勇博客
·
2020-08-14 21:35
Layui在
弹出层
实现轮播图效果,基于laiyui 原生工具的数据表格实现
最近用layui做毕业设计微信小程序后台部分,遇到想用layui的操作toolbar点击
弹出层
展示轮播图,发觉网上大多不靠谱,然后写下这篇文章来给大家避下雷。如果有其他问题可以私我。
妈麻码骂
·
2020-08-14 21:24
ajax执行成功后,layer.msg没有显示就直接跳转到指定页面
,{time:1000,});window.location.href="xxx.html";错误描述:layer.msg没有弹出来就直接跳转了错误原因:错误代码中,
弹出层
和跳转页面同时执行了,所以看不到弹出信息正确代码
余三二
·
2020-08-14 21:11
前端
layui
JS
layer框架
弹出层
美化
一、引入1、将layer文件夹放在项目文件夹里,layer的样式可以自己修改,也可以到官网http://www.layui.com/下载已有的方案2、layer依赖Jquery,必须先引入Jquery3、layer要在页面的js文件之前引入二、使用1、layer.alert(‘内容’);//弹出内容2、layer.confirm()相对于window.confirm方法layer.confirm是
weixin_34292402
·
2020-08-14 21:09
layUI弹出框提示
简单介绍:项目使用layUI框架好久了,也没来的及写一篇关于layUI
弹出层
的随笔。现在补上。经常用到的,一般都是在ajax成功回调函数后边写。
weixin_34272308
·
2020-08-14 21:36
获取layer.open
弹出层
的返回值
当我在开发“新建电子围栏”的时候需要弹出地图,用户在地图中画一个区域,最后将这个
弹出层
的数据返回给原页面。
weixin_34205826
·
2020-08-14 21:26
layer获取弹出frame层数据
通常,
弹出层
关闭之前,需要将部分数据传入父页面。这个时候怎么办呢?通过success获取frame层的index。然后通过cancel事件,获取子页面数据。
weixin_33980459
·
2020-08-14 20:36
layer
弹出层
不居中解决方案,layer提示不屏幕居中解决方法,layer弹窗不居中解决方案...
layer
弹出层
不居中解决方案,layer提示不屏幕居中解决方法,layer弹窗不居中解决方案>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>蕃薯耀2016年12月9日09:07:16
weixin_33704234
·
2020-08-14 20:05
layui
弹出层
处理(获取、操作
弹出层
数据等)
要点:字符串被渲染为弹窗层之后,回自动转换为DOM,可以使用jq进行各种操作开始使用layuiaa显示
弹出层
$(function(){//打开弹窗$("#start").on("click",function
weixin_30732487
·
2020-08-14 20:12
layer
弹出层
layer
弹出层
layer
弹出层
是基于jQuery的js插件。
weixin_30632899
·
2020-08-14 20:35
layui获取
弹出层
内容
一、
弹出层
:varcallbackdata=function(){returnthis.document.getElementById("msgTxt").value;}主页面:varindex=layui.layer.open
weixin_30412013
·
2020-08-14 20:15
layui 常用确认框、提示框 demo
开始使用layuiaa显示
弹出层
$(function(){//打开弹窗$("#start").on("click",function(){f5();});});//单个确认按钮(常用)functionf7
weixin_30399821
·
2020-08-14 20:14
layui
弹出层
layer.open获取from中layui下拉框选中的text文本
首先这是
弹出层
内网页的下拉框代码,从这个代码中我们可以看到select元素上方有个隐藏(hidden)的input框(这个是非常重要的存在),而input框的id正好是select内自定义属性textId
墨语wcy
·
2020-08-14 20:55
layui
layer
弹出层
框架alert与msg详解
layer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护、不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力。目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer。在贴出代码1layer.alert('见到你真的很高兴
uuihoo
·
2020-08-14 20:25
网页前端
layer
弹出层
弹出后自动最大化
varindex=layer.open({type:2,title:‘标题’,id:'TWork',maxmin:true,area:['800px','600px'],//宽高不影响最大化content:url,//地址success:function(layero,index){},end:function(){}});//只需要加这一句就可以啦layer.full(index);
做自己的Heroes
·
2020-08-14 20:28
Layui
JS
layui
弹出层
使用方法总结
layui的模态窗口很强大,但是使用的时候要声明很多东西,并且对于窗口之间的参数传递也没有做具体的说明,所以基于layui
弹出层
的api进行了一些简单的封装,使用起来更加顺手,先上代码functionOpenDialog
code2roc
·
2020-08-14 20:14
javascript
layer
弹出层
扩展主题
弹出层
插件layer确实很强大,官方提供主题太少,但是提供扩展的方式,由于项目使用统一颜色风格,就想扩展一下。
木子金丰
·
2020-08-14 20:05
layer
弹出层
不居中解决方案,有时仅显示遮罩,没有弹窗解决
一、问题描述用layer做操作结果提示时,发现如果页面超出屏幕的高度时,弹出的提示不是屏幕居中,而是在页面高度的中间,如果一个页面的高度比较大,就看不到提示了。还有一种情况是Layer弹出窗口只显示遮罩层,没有显示窗口(IFrame)二、解决方案解决方法一:当页面缺少下面这个声明时,在页面最上面加上声明就能解决问题。本人的页面就是少了这个,加上就正常。原因就是少了这个声明,导致解析页面时不正确。科
tyf笨小孩
·
2020-08-14 19:47
Layui
关于页面里面嵌套视频播放器,使用
弹出层
之后会被视频挡住
给属性里面加入wmode="transparent"这句话的意思就是,是窗口透明,然后
弹出层
就能正常显示了
唐旭光
·
2020-08-14 19:46
html
css
video
浅谈layer.open的
弹出层
中的富文本编辑器为何不起作用!
很多童鞋都喜欢用贤心的layui框架。是的,我也喜欢用,方便,简单。但是呢,有时候项目中的需求会不一样,导致我们用的时候,显示效果可能会不一样,好吧。这样的话,个别遇到的问题总是解决不好,但是呢还是那句话,多研究一下,就都会有解决方法的。最近做的项目需求就是富文本编辑器要在弹出框中显示,好吧。本来以为可以没任何阻碍,后来发现编辑器在弹出框中总是不灵活,甚至图标都打不开。我想很多童鞋的写法是这样的:
苏小苏
·
2020-08-14 19:15
web前端
在layui layer
弹出层
中加载 layui table
属性管理//属性管理开始layui.use(['layer','table'],function(){varlayer=layui.layer;vartable=layui.table;//表格$(".proMent").click(function(){layer.open({type:1,//此处以iframe举例title:'管理属性',area:['400px','600px'],shad
sunlizhen
·
2020-08-14 19:09
前端框架
插件
layer
弹出层
msg的文字不显示问题
今天在做项目的时候,做了一个
弹出层
,需要提示,就写了一个layer.msg('雅蠛蝶O.o',{icon:6,btn:['嗷','嗷','嗷']});可是结果却是这样的雅蠛蝶看不见查了好久,才知道是我代码的
焦虑的说说
·
2020-08-14 19:38
项目
layui中layer
弹出层
点击事件无效解决
1.click只能为页面现有的元素绑定点击事件,如果是动态生成的新的元素,是没有事件的2.而(document).on(“click”,”指定的元素”,function());方法则是将指定的事件绑定在document上,而新产生的元素如果符合指定的元素,那就触发此事件不起作用:(document).on(“click”,”指定的元素”,function());方法则是将指定的事件绑定在docum
may_walkaway
·
2020-08-14 19:01
layui
点击layer
弹出层
按钮实现
弹出层
中form表单验证
前言在使用layui
弹出层
时,想着在点击
弹出层
中“确定”按钮时,也能触发
弹出层
中form表单的验证。
silversoldier
·
2020-08-14 19:56
layui
layui前台框架的基本
弹出层
的使用
首先明确的是在content里面可以添加可以传入普通的html内容,也可以添加dom元素。当你在往content里面添加一个dom元素的时候,有可能碰到弹出框的按钮关闭不了,这时候你金额已根据btn数组的长度,第一个默认是yes函数,第二个默认是cancel函数,如果你写的是btn:["a","b","c"],你要给c按钮添加函数就写btn3:function(){}即可。layui.use('l
荣默默
·
2020-08-14 19:57
关于layer iframe
弹出层
解决自定义高度的问题 第一次点击内容显示不完全 (轻喷)
问题:点击按钮弹出一个弹出框不过弹出框的内容只占据整个弹出框的1/3。页面效果很丑~如果关闭再点击一次才有我想要的效果。想要的效果:我查看了代码发现没有问题呀!!!我设置了area高度就是600px为什么显示成这种效果通过我百度问大佬都没有很好的解决方案,午休过后,还是不信邪,终于在http://layer.layui.com/找到了解决方法。解决方法:layer通过过渡的方式来让iframe内容
qq_42770407
·
2020-08-14 19:17
前端
前端插件
layer插件
layer弹出层插件
layer
iframe自定义高度
上一页
10
11
12
13
14
15
16
17
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他