弹出层

Layui弹出层 加载 做编辑页面的方法

利用layui弹出层做编辑页面先上效果图基本准备，引入layui的layui.css,layui.js文件Js方法/***页面内弹出编辑窗口//需要引入layui.jslayui.css文件*@param
东明之羞·2019-09-16 10:57

解决layer弹出层自适应页面大小的问题

前两天在Vue中引入了Vue-layer插件，实现了弹出层效果。不过由于是在22寸屏下开发的，没多想，弹出层的area的长宽就设定的都是800px，效果还很好。结果那给用户看，他们是12寸的笔记本。
洛风释·2019-09-16 10:52

Layui点击图片弹框预览的实现方法

newImage();img.src=obj.src;//varheight=img.height+50;//原图片大小//varwidth=img.width;//原图片大小varimgHtml="";//弹出层
amenghui·2019-09-16 09:46

解决layer弹出层的内容页点击按钮跳转到新的页面问题

导入页按钮：导入导入按钮的点击事件，点击后会出现layer弹出层$("#start").click(function(){//判断有没有选择区域varregionCode=$("#regionCode"
黄宝康·2019-09-14 22:06

前端完整详细学习路线

JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：
wx5d7b29473040d·2019-09-13 13:31

浅谈bootstrap layer.open中end的使用方法

遇到一个问题：点击layer弹出层中的按钮之后，完成一系列操作，弹出层自我关闭并在父界面弹出一句提示。简单查找了一下，发现了layer.open中的end。
Ricecongee·2019-09-12 16:46

layer弹出层显示在top顶层的方法

因为项目框架用了iframe，所以在用layer时，默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示，想到用top.layer.open或者parent.layer.open,但是没反应。后面想到应该是在父页面中没有导入layer.js文件，导入后就能正常显示在父窗口页面区域了。显示在顶层窗口top.layer.open({typ
微笑de生活·2019-09-11 17:29

layer.js之回调销毁对话框的例子

layer.js弹出层给我们封装了基本的销毁按钮，如图所示：当我们点击确定按钮时，如何我们没有写点击确定按钮的回调函数，layer的内部会给我们一个默认的效果就是让对话框消失。but!
Benjaminpcm·2019-09-11 17:03

layer.alert回调函数执行关闭弹窗的实例

对于layer.alert()弹出层来说，想要在回调函数中执行一些操作。此时点击确定会执行回调函数，但并不会自动关闭弹窗。
_Jester·2019-09-11 17:53

解决layer弹出层msg的文字不显示的问题

今天在做项目的时候，做了一个弹出层，需要提示，就写了一个layer.msg('雅蠛蝶O.o',{icon:6,btn:['嗷','嗷','嗷']});可是结果却是这样的雅蠛蝶看不见查了好久，才知道是我代码的
sinat_35803474·2019-09-11 11:01

layer弹出层扩展主题的方法

弹出层插件layer确实很强大，官方提供主题太少，但是提供扩展的方式，由于项目使用统一颜色风格，就想扩展一下。
木子金丰·2019-09-11 10:33

layer更改皮肤的实现方法

layUI的弹出层模块layer在使用时有一个skin属性skin不仅允许你传入layer内置的样式class名，还可以传入您自定义的class名。
yytoo2·2019-09-11 10:04

浅谈layer弹出层按钮颜色修改方法

layer弹出层有多种格式的弹出，使用方法也不细述。在弹出确认框可使用confirm或open方式在open中layer.open({content:'确认提交？'
wanlin77·2019-09-11 09:08

layer弹出层自定义提交取消按钮的例子

首先从js开始/***检查是否选中*/Sendandre.check=function(){varselected=$('#'+this.id).bootstrapTable('getSelections');if(selected.length===0){Feng.info("请先选中表格中的某一记录！");returnfalse;}else{Sendandre.seItem=selected[
图纸t·2019-09-10 10:54

layer.open回调获取弹出层参数的实现方法

如下所示：layer.open({type:2,title:'重命名',maxmin:true,shadeClose:true,//点击遮罩关闭层area:['200px','150px'],content:getContext()+"/node/torenamenode?nodeName="+nodeName,btn:['确定'],yes:function(index,layero){//dos
KK凯凯·2019-09-10 09:07

关于layui 弹出层一闪而过就消失的解决方法

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

解决layer弹出层中表单不起作用的问题

如下所示：varhtml=''+'角色名'+'角色描述'+'是否启用'+'提交'+'';layer.open({type:0,title:'添加角色',area:['500px','400px'],shadeClose:true,//点击遮罩关闭content:html,btn:['确认','取消'],success:function(index,layero){//成功弹出后回调form.ren
qq_37059367·2019-09-09 16:58

使用cookies弹出层每24小时弹出一次

第一步：下载cookies的库https://github.com/js-cookie/js-cookie第二步：设置Cookies的失效时间，这里有两种方法，按天计算和按小时计算functionpopup(){console.log("弹出！");}//获取Cookiesvaruser=Cookies.get("user");if(!user){//按天计算，过期时间为1天；//Cookies.
不睡·2019-09-09 15:00

layui关闭弹窗后刷新主页面和当前更改项的例子

&id="+id;//弹出层layer.open({...content:url,//弹窗打开的urlend:function(){location.reload();//弹出层结束后，刷新主页面}..
杨葱儿·2019-09-06 09:44

layer实现弹出层自动调节位置

项目中有弹出层的内容是不固定的，根据情况可能变长变短，于是就要求做layer弹出层的大小自适应，查询了api后发现layer.iframeAuto方法可以实现，这里吐槽一点，ie浏览器的html没有被body
从心归零·2019-09-05 10:44

在layui中layer弹出层点击事件无效的解决方法

1、click只能为页面现有的元素绑定点击事件，如果是动态生成的新的元素，是没有事件的2、而(document).on(“click”,”指定的元素”,function());方法则是将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件不起作用：(document).on(“click”,”指定的元素”,function());方法则是将指定的事件绑定在docum
may_walkaway·2019-09-05 09:58

解决layer图标icon不加载的问题

之前在项目中使用layer弹框感觉体验很好，这次的项目中就引入了，但是引入之后，弹出层如下图：代码：layer.msg("密码不正确！",{icon:5,time:1000});并没有显示出图标！
JEE-逆水百川·2019-09-04 08:43

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

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

layui 弹出层回调获取弹出层数据的例子

如下所示：//弹出楼栋负责人信息页面layer.open({type:2,title:'请选择楼栋负责人',maxmin:false,area:['60%','80%'],offset:'0px',content:'${ctx}/life/houserInsertion/headBuildingInfo?pkProject='+pkProject,btn:['确定','关闭'],yes:funct
啊勇博客·2019-09-02 08:17

h5弹出层滑动时 禁止底层滑动

设置样式：.noscroll{height:100%;overflow:hidden;}在点击弹出层js方法添加：$('html,body').toggleClass('noscroll');在关闭弹出层
每天都进步一点点·2019-08-28 11:28

Bootstrap弹出层model上自定义的弹出层中textarea,input输入框失效, 无法输入

原文链接：https://blog.csdn.net/who_is_xiaoming/article/details/54630757在model弹出层上面又自定义了一个弹出层，自定义弹出层上面有input
haohemr·2019-08-26 10:54

canvas2image 开发中遇到的问题

canvas是弹出层时，底层有滚动条，会有部分空白测试的时候，好奇为啥每次，生成的图片都缺一部分，而且都是从顶部开始空白，再绘制图片。解决方案:添加绘制坐标y起始位置y:w
旅图灬·2019-08-23 00:00

layui弹出层layer的area过大被遮挡

 layer弹出窗口在弹出时指定了area，弹出后，如果当前页面（iframe）大小比弹出的窗口小，那么就会出现无法操作弹出窗口的尴尬情况。如图:弹出窗口比当前页面大,这时，唯有放大整个页面才能看到完全的弹出窗口，才可以操作。layui为我们提供了layer.style();方法来重新跳整窗口的大小,然后我们只需要写一个函数,得到当前document的宽度和高度,判断弹出框是否大于document
```...简单点·2019-08-18 09:00

Vue中的transition封装组件的实现方法

最终的效果如上图所示，当鼠标移入灰色方块时弹出层会至上而下显示出来，类似于拉链式窗帘(?)。
StarlightUnion·2019-08-13 09:55

Vue中的transition封装组件

最终的效果如上图所示，当鼠标移入灰色方块时弹出层会至下而上显示出来，类似于拉链式窗帘(?)。
StarlightUnion·2019-08-13 00:00

bootstrap3的插件（弹出层）

先展示效果图：当用户将鼠标移动到图片上面时，会自动显示其他信息，可作为商品放大镜等其他需求实现：bootstrap弹出层实例$(function(){$('[data-toggle="popover"]
想了蛮久·2019-08-07 22:45

layer设置maxWidth及maxHeight解决方案

area属性layer的宽高是通过area属性设置，例如area:[‘300px',‘600px']，表示定义宽300px；高600px的弹出层；默认设置：layer宽高都自适应的，即area默认值为‘
爱在846·2019-07-26 12:17

layer设置maxWidth及maxHeight解决方案

area属性layer的宽高是通过area属性设置，例如area:[‘300px',‘600px']，表示定义宽300px；高600px的弹出层；默认设置：layer宽高都自适应的，即area默认值为‘
爱在846·2019-07-26 11:00

layer弹出层的简单使用

一、layer的icon样式以上样式测试代码：layer.confirm('icon测试', {icon: 1, title:'提示'}, function(index){    //do something    alert("确认");    layer.close(index);  });  二、询问框官方案例：//询问框  layer.confirm('您是如何看待前端开发？', {   
W_DongQiang·2019-07-22 09:39

layui iframe弹出层高度自适应

layer.open({type:2,title:"弹出层标题",area:'800px',shadeClose:true,btn:['确定','取消'],success:function(layero
路尔轩·2019-07-20 15:08

picker-view 和 picker-view-column 自定义可以切换的picker

场景：对于小程序官方提供的picker基本能满足大多数需求，但如果涉及类似于在picker的弹出层上进行两种不同类型的picker切换，还是无法实现的。
hangGe0111·2019-07-19 17:22

微信小程序全局变量改变监听的实现方法

需求为：点击最后一个组件页面中的一个view，需要显示最外层父页面中的一个弹出层，并且动态的展示值，这个值的来源就是最后一个组件页面中的内容。
Dream_saddle·2019-07-15 09:47

VantUI时间选择器

一开始看文档的时候也没太仔细，没看到前面的一句话时间选择组件通常与弹出层组件配合使用。如果直接按需导入，时间选择器会直接出现在页面上。引入
一只阿童木丶·2019-07-06 13:32

Vue 路由守卫解决页面退出和弹窗的显示冲突

在使用UI框架提供的弹出层Popup时，如VantUI的popup，在弹出层显示时，点击物理按键或者小程序自带的返回时，会直接退出页面，这明显不符合页面逻辑。
vegetbaleBrid·2019-07-05 11:00

Day3-DCampous

jquery弹出层pirobox$().piroBox_ext({piro_speed:70
Frank.Yi·2019-07-05 09:19

vue-cli脚手架引入弹出层layer插件的几种方法

1.如何引入在vue-cli里，引入文件有几钟方法一种是用npm或者cnpm指令去下载对应的插件，然后在main.js里用import方法引入，这里不讨论这种方法我比较喜欢采用的是直接下载对应的js，然后引入到vue项目中去问题来了，如何引入呢方法如下：下载对应的js文件或者css文件，一般下载插件相关联的都会在一起进入vue-cli项目工程里的index.html文件,分别引入css文件和js文
吴傲阳·2019-06-24 08:05

如何修改layer.prompt的样式

阅读更多直接在弹出层代码后，编写js改变弹出层的样式、属性、增加对象等。
hanxin830311·2019-06-20 09:00

如何修改layer.prompt的样式

阅读更多直接在弹出层代码后，编写js改变弹出层的样式、属性、增加对象等。
hanxin830311·2019-06-20 09:00

JS点击按钮弹出遮罩层

jQuery弹出层.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color
Charles D·2019-06-19 14:35

Android自定义View实现微信支付密码输入框

这个弹出层呢,其实就是一个DialogFragment，逻辑封装在其内部
AND_Devil·2019-06-15 13:03

关于微信小程序中自定义弹出层的代码

这是弹出层/*弹出层开始*/.modal-mask{width:100%;height:10%;position:fixed;top:0;left:0;background:#000;opacity:0.5
java全栈攻城狮·2019-06-10 10:21

软帝实训第三周总结

经过本周实训，我对后端有了更一步的了解，认识了bootstrap框架，了解了一下layui框架，灵活运用layui中的弹出层组件等。
Asshead_·2019-06-06 14:51

react学习之弹出层

react的弹出层不同于以往的DOM编程，我们知道，在DOM中，弹出层事件绑定在对应的节点上即可，但是在react中，往往只能实现父子之间的传递控制，显然，弹出层的层级不符合此关系。
c_y_yuan·2019-06-05 17:00

vue中更改 element-ui主题色

第一步打开“elementUI官网“点击“自定义主题“，找到“在线主题生成工具“第二步点击“在线主题生成工具“，会进到一个新的页面，点击“切换主题色“，点完之后，会出现一个弹出层，可以自己选择颜色，也可以自己输入自己的主题色
June.1·2019-05-30 14:18

完美解决弹出页面弹出层时背景可滚动问题

1.公共函数代码functionbodyScroll(event){event.preventDefault();}vartop1=0functionstopBodyScroll(isFixed){varbodyEl=document.bodyif(isFixed){top1=window.scrollYbodyEl.style.position='fixed'bodyEl.style.top=-
bisai_liliu·2019-05-21 14:52
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他