弹出层

小程序canvas实现（分享朋友圈生成图片）

这里需要注意的是，canvas画图片的时候，如果是线上路径就先要使用wx.getImageInfo获取图片的临时路径，使用这个路径就可以在真机上显示了前台代码：保存分享css代码：先让canvas不在用户的视线内给弹出层设置固定定位
咔咔-·2018-09-27 16:50

layer 弹出层传递参数

layer弹出层轻量好用，一直喜欢用，但是却没有弹出层传参的接口，迫于无奈只能Url地址传参，总所周知，这个可是限制大小的，百度一番，看看大神们怎么处理，结果就感觉所有回答都是Ctrl+C加Ctrl+V
qb370427526·2018-09-22 12:23

在vue中实现点击选择框阻止弹出层消失的方法

在vue项目中，选择性别是用的一个弹出层，选择男女已经给这个.sex层绑定了一个v-show条件，实现了点击显示隐藏的效果但是因为这个效果是加在父级上，所以在选择性别的时候，也会关闭弹出层，这个问题其实是一个冒泡事件
luckylqh·2018-09-15 10:34

layui弹出层提交表单！

首先设置弹出层如下图：layer.open({type:2,title:"信息編輯",area:['45%','35%'],shade:0,shadeClose:false,content:"/admin
Jarven_ma·2018-09-12 17:06

TinyBox.js插件在页面上实现超简单的图片、iframe、ajax弹出层

TinyBox已经存在很久了，一直用保存下来的版本，突然发现它升级到2.0了，新增了许多新功能，但是大小依然在5KB左右(5.35KB)，依然非常强大，升级后的脚本支持iframes和images弹出层
Copy_ing·2018-09-12 10:46

TinyBox.js插件在页面上实现超简单的图片、iframe、ajax弹出层

TinyBox已经存在很久了，一直用保存下来的版本，突然发现它升级到2.0了，新增了许多新功能，但是大小依然在5KB左右(5.35KB)，依然非常强大，升级后的脚本支持iframes和images弹出层
Copy_ing·2018-09-12 10:46

大前端完整学习路线（详解）

JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算
baofenny·2018-09-11 11:27

Layer弹出层传值处理

parentViewId="+parentViewId;parent.layer.open({xxxx});}步骤二:Controller接收后传给弹出层。
Coder_VISA·2018-09-10 20:00

【Vue2.0】 mint-ui解决移动端picker和datetime picker穿透滚动问题

那我们先来看下解决办法吧，解决办法主要参考这里：思路很简单，就是弹出层打开时禁
萌圆圆不萌·2018-09-10 15:11

bootstrap前端页面使用模态框（modal）弹出层

1，添加js文件2，页面添加按钮和弹出层弹出或隐藏选择片区确定.modal-body{height:120px;overflow-y:scroll;}.modal.fade.in{top:30%;}
Jehue·2018-08-31 15:41

angular1.x开发笔记

对于弹出层要使用独立地址比较复杂，比如说login是一个弹出层，但是又给它配了/login的地址，这种处理起来有些复杂定义一个监听location改变的类，然后每次到了弹出层的地址就根据地址显示弹出层services.service
csboyty·2018-08-29 11:51

Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击及与mouseout，mouseover的区别

     Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击         window.load=function(){        $("#float_box
酒和尚·2018-08-29 01:37

获取layer.open弹出层的返回值方法

当我在开发“新建电子围栏”的时候需要弹出地图，用户在地图中画一个区域，最后将这个弹出层的数据返回给原页面。
zhangfj·2018-08-20 10:46

layui弹出层按钮提交iframe表单的方法

如下所示：layer.open({id:'LAY_layuipro',//设定一个id，防止重复弹出type:2,title:'添加人员信息',area:['600px','340px'],btn:['保存','关闭'],yes:function(index,layero){varinputForm=$(window.frames["layui-layer-iframe"+index].docum
一叶扁舟一方休·2018-08-20 10:58

Layer弹出层动态获取数据的方法

前一阵子做了一个简单的小项目，用到了Layer弹出层（弹出层的用法就不多加赘述了，官网上都有详细的介绍，这里附上网址http://layer.layui.com/），当时前后台合页面的时候就出现了一个问题
liujing_555·2018-08-20 09:04

解决layer弹层遮罩挡住窗体的问题

使用代码：这里面某个按钮触发弹层如果上面的按钮触发了弹层layer.open且content是某个DOM元素content:$('#dialog')那么这里弹出层，遮罩会遮住到弹窗导致操作不了。
xiaoqiu_net·2018-08-17 14:53

layer弹出层父子页面事件相互调用方法

//父页面小小提示层父页面$(function(){$("#parentIframe").click(function(){vara=$(this).attr("data-url");layer.open({type:2,content:a,success:function(layero,index){varbody=layer.getChildFrame('body',index);//获取子页
qq_36990886·2018-08-17 11:14

layer弹出层全屏及关闭方法

type:2,content:url,area:['300px','195px'],title:false,maxmin:true,closeBtn:0});layer.full(index);三、关闭弹出层
weinichendian·2018-08-17 11:14

javascript实现弹出层

弹出层和弹窗相似但是并不相同；弹窗和弹出层都是由用户触发的显示提示信息的弹出面板；但是弹窗只是显示一些信息，没有太多的复杂的交互事件；而弹层类似一个整个页面，可以实现页面的所有功能；现在前端弹层使用的很频繁
babulongbo·2018-08-10 15:28

easyUi创建临时Dialog

项目中遇到一个页面两个easyUi的dialog弹出层，结果只要点击了其中一个，另外一个就不能正常显示了，不知何因，除非刷新整个页面才能正常显示，为了解决这个问题，查了很多资料，终于找到一个解决方案，那就是关闭这个
pannijingling·2018-08-10 10:52

layui弹出层关闭layer.close()

layui弹出层关闭关闭特定iframe//当在iframe页面关闭自身时，在iframe页执行以下js脚本varindex=parent.layer.getFrameIndex(window.name
艾小逗·2018-08-09 17:54

layer弹出层的关闭问题——在执行完毕后关闭当前弹出层

今天再用layui写东西的时候遇到一个问题，就是在弹出层操作完之后不知道怎么在弹出层内操作关闭这个弹出层，查阅资料之后终于找到了解决的办法。下面两段出自官网文档。
mencre·2018-07-31 11:54

jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】

本文实例讲述了jQuery实现点击自身以外区域关闭弹出层功能。
夏天的一朵云·2018-07-31 10:53

微信小程序开发03-这是一个组件

编写组件基本结构接上文：微信小程序开发02-小程序基本介绍我们今天先来实现这个弹出层：之前这个组件是一个容器类组件，弹出层可设置载入的html结构，然后再设置各种事件即可，这种组件有一个特点：①只提供Header
叶小钗·2018-07-30 22:00

layui框架——弹出层layer

两种调用方法：1、引用独立的layer.js文件引入好layer.js后，直接用即可layer.msg('hello');2、调用layui中的layer模块layui.use('layer',function(){varlayer=layui.layer;layer.msg('hello');});基础参数1、type：基本层类型使用方法：layui.use('layer',function()
电饭锅煲汤·2018-07-26 10:56

css3+原生js实现toast提示层弹框（淡入淡出动画效果）

利用css3封装了一个toast弹出层。
codeTnt·2018-07-13 13:44

前端完整学习路线

JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算
ITLife·2018-07-09 15:27

React弹出层组件一

react正常无法在父组件dom节点之外的其他节点创建组件，查文档发现react提供了Portals方法来实现：Portalsprovideafirst-classwaytorenderchildrenintoaDOMnodethatexistsoutsidetheDOMhierarchyoftheparentcomponent.文档地址：传送门示例代码：importReactfrom'react
joyshion·2018-07-07 09:00

jQuery实现图片的放大以及点击图片，放大图片出现在弹出层。

又学习了一个小demo，并运用到了后台的管理系统中。直接上代码吧.max{width:300px;}.min{width:100px;}.img-selectimg{width:200px;height:100px;}.dialog-bg{display:none;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0
CherryLee_1210·2018-07-06 18:45

基于jQuery使用Ajax动态执行模糊查询功能

使用Ajax动态执行模糊查询功能•必须：需要一个执行查询的接口：说明：1.搜索模块仅仅使用了boostrap的样式以及Jquery.js文件2.因为我使用的layui的弹出层里面做的搜索ifram，所以确定和取消按钮的关闭当前页面的功能都是
CarolLXW·2018-07-05 10:35

基于jQuery的使用Ajax动态执行模糊查询功能

最新的使用方式可以访问https://carolcoral.github.io/Lcript/查看说明：1.搜索模块仅仅使用了boostrap的样式以及Jquery.js文件2.因为我使用的layui的弹出层里面做的搜索
CarolLXW·2018-07-04 12:22

Spring Boot整合Mybatis使用JQuery DataTables表格插件展示数据

需求对数据进行分页数据的格式化对指定数据的模糊查询所使用的技术前端：JQueryDataTables、LayUI弹出层、BootStrap后端：SpringBoot、thymeleaf模板引擎、Myb
小海子l·2018-07-03 23:16

带你进入LayUi的世界（数据表格+分页+模板+选项卡+弹出层）

原文链接：https://my.oschina.net/u/3723856/blog/1839444什么是LayUi？我本身是一个后端工程师，但是我却接触到了这个框架，所以给大家分享一个我的心得，当然，这只是一个基础的LayUi的使用，大神请勿围观，不卖关子了，切入正题~LayUi是一款非常强大的前端框架，强大之处在于他可以把模块规范化，LayUi帮我们提供了两种模块规范方式，第一种就是预先加载，
chenqiao1890·2018-07-03 16:00

layer父页获取弹出层输入框里面的值

主要是因为修改功能，原来页面填写数据如图改为其中点击填写明细弹出框填写完毕后点击确认返回，同事这里因为她是存的多表，所以点击确认就直接保存数据了，改的这个功能原本保存是整体保存，我就不想改原来的逻辑，只想把填写的值带回去用隐藏控件存一下，到时候按照原来的逻辑整体存，所以没办法参考她的，最后搜索很多，解决了问题，具体代码如下：父页面：经费来源总计(元)js://弹出经费来源明细functionSho
媳妇儿郭嘉·2018-07-02 15:00

解决 layui 弹出层一闪而过就消失的问题

听说是因为JQuery的版本冲突问题，在找到具体问题之前，先在代码里加一个returnfalse解决问题；立即提交js：//监听提交form.on('submit(test)',function(data){console.log(data.field);layer.confirm("确认要提交吗?",{title:"单位新增",yes:function(){layer.msg("yes");}}
Tounchan问题儿童·2018-06-12 11:11

小程序弹出层点透问题

问题描述就是点击显示层但是手指滑动层还是连带这底部页面一起滑动参考https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html然后直接上代码吧！wxmljsPage({data:{isLoading:false},//自定义防止点透效果noTouch:function(){return;},}）
武武one·2018-06-07 09:33

layui之弹出层--从父窗口传递数据到子窗口

前一篇《layui之数据表格–与后台交互获取数据》介绍了layui数据表格如何获取动态数据，接下来介绍下layui如何往弹出层子窗口传递表格数据示例如图：点击编辑按钮，弹出编辑弹出层，并显示相应的编辑数据这里省略
张育嘉·2018-05-31 15:54

layui之弹出层--从父窗口传递数据到子窗口

前一篇《layui之数据表格–与后台交互获取数据》介绍了layui数据表格如何获取动态数据，接下来介绍下layui如何往弹出层子窗口传递表格数据示例如图：点击编辑按钮，弹出编辑弹出层，并显示相应的编辑数据这里省略
张育嘉·2018-05-31 15:54

layui之ajax--回调函数

问题：一个简单的AJAX提交表单操作，经常发生后台数据保存好了，前端layer弹出层没有关闭，父页面没有刷新，定位发现是回调函数没有执行！！！
张育嘉·2018-05-24 10:27

layer弹出层点击关闭按钮刷新父页面

有两种方法：1.layer弹出层弹出的方法里面会有一个end（层销毁后触发的回调），无论是确认还是取消，只要层被销毁了，end都会执行，不携带任何参数。
琳琅满目·2018-05-24 09:48

LayUI使用--单击tabel数据表格操作，单击弹出层，弹出层表单动态获取table单条数据

1.页面基本元素表格操作-layuibody{padding:20px;/*overflow-y:scroll;*/}用户名：密码：角色：角色名称备注：提交2.渲染table数据表格vartableIns;varpopForm;layui.use(["form","table"],function(){vartable=layui.table;varform=layui.form;popForm=
铁汉柔情li·2018-05-22 20:29

js实现遮罩效果

js实现遮罩效果html最外层的modal负责包裹整个弹出层modal-bg是灰色的遮罩modal-show用来包含内容，内容可以分为三部分：header，content，footer{{title}}
欢欢2776479680·2018-05-21 20:36

vue-layer-mobile 【vue中集成 layer插件】

原文地址：https://www.npmjs.com/package/vue-layer-mobile#vue-layer-mobilevue弹出层插件,包含toastloadingdialog等浮层控件
cn_yaojin·2018-05-08 11:52

layer弹出层内点击确认提交数据并关闭弹出层

$.ajax({url:"json/DeductScore.ashx",type:'post',async:false,//使用同步的方式,true为异步方式data:{score:$('#score').val(),userid:$('#userid').val(),scorename:$('#scorename').val(),reason:$('#reason').val()},succes
cjw1231·2018-04-23 09:36

关于jquery layui弹出层的使用方法

Jquery必须大于1.83layui必须是all，否则不显示html代码主要js代码$('input#about').on('click',function(){layer.confirm('是否要修改123的考勤？',{btn:['确定','取消',]//按钮},function(){layer.msg('修改成功',{time:800,icon:1});//layer.msg('网络连接失败
大昭的开发之路·2018-04-21 13:30

用javascript为页面添加蒙版效果和弹出层

用javascript为页面添加蒙版效果和弹出层id为popWindow的div就是蒙版层，id为maskWindow的div是弹出层。.
毛球Josey·2018-04-21 00:31

jq 购物车弹出层

购物车弹出层.xzgg_box{background:#fff;position:fixed;z-index:10;left:0;bottom:0;width:100%;height:5rem;display
loverxy丶Du·2018-04-19 09:22

layui弹出层闪退，layer弹出层闪退，layer弹出层坑

今天用layui的弹出层插件，发现两奇怪的问题：1、弹窗打开事件还未绑定到任何按钮，可是点击form表单中的按钮可以打开我定义的弹出层2、绑定弹出层到按钮，打开弹窗闪退后面发现真如参考博文所说：我的button
fairyIer·2018-04-12 14:13

layer 弹出层form表单提交刷新弹出层 造成ajax成功后不执行success

layer在弹出层做表单提交点击提交可以和后台交互，但是提交完成后ajax的success不执行。
Moses___·2018-04-04 10:59

layer弹出层框架alert与msg详解

layer至今仍作为layui的代表作，她的受众广泛并非偶然，而是这五年多的坚持，不断完善和维护、不断建设和提升社区服务，使得猿们纷纷自发传播，乃至于成为今天的Layui最强劲的源动力。目前，layer已成为国内最多人使用的web弹层组件，GitHub自然Stars3000+，官网累计下载量达30w+，大概有20万Web平台正在使用layer。在贴出代码1layer.alert('见到你真的很高兴
萧曵 丶·2018-03-21 14:10
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他