layer移动版layer弹出框框闪关是什么原因

来源：蜘蛛抓取(WebSpider) 时间：2017-10-24 07:21 标签： layer弹出框 不要关闭
再次温馨提醒
本页演示是采用了Layui加载的layer，如果你使用的是独立版的layer，无需通过layui.use('layer')来加载。Layui中的layer与独立版的layer的唯一不同，就是加载方式这一点有所差异，请阅读文档：
Layui - 精心为你雕琢匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。layer弹出层框架alert与msg详解
作者：风动随心
字体：[ ] 类型：转载 时间：
本文主要介绍了layer弹出层框架alert与msg的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
layer至今仍作为layui的代表作，她的受众广泛并非偶然，而是这五年多的坚持，不断完善和维护、不断建设和提升社区服务，使得猿们纷纷自发传播，乃至于成为今天的Layui最强劲的源动力。目前，layer已成为国内最多人使用的web弹层组件，GitHub自然Stars3000+，官网累计下载量达30w+，大概有20万Web平台正在使用layer。
在贴出代码
layer.alert('见到你真的很高兴', {icon: 6});
这是一个最简单的弹出层,可根据icon配置左边的图标
通常情况下,除了弹窗之外我们一般都会有对按钮做回调处理的一些操作
layer.alert('墨绿风格，点击确认看深蓝', {
skin: 'layui-layer-molv' //样式类名 自定义样式
,closeBtn: 1
// 是否显示关闭按钮
,anim: 1 //动画类型
,btn: ['重要','奇葩'] //按钮
,yes:function(){
layer.msg('按钮1')
,btn2:function(){
layer.msg('按钮2')
看下效果图1.
layer.msg('大部分参数都是可以公用的&br&合理搭配，展示不一样的风格', {
time: 2000, //2s后自动关闭
btn: ['明白了', '知道了', '哦']
回调的例子:
layer.msg('也可以这样', {
btn: ['明白了', '知道了']
,yes: function(index, layero){
layer.msg("按钮1回调,参数是:"+index)
,btn2: function(index, layero){
//按钮【按钮二】的回调
layer.msg("按钮2回调,参数是:"+index)
return false //开启该代码可禁止点击该按钮关闭
layer.open({
,title: "open方式弹出层" //不显示标题栏
title : false/标题
,closeBtn: true
,area: '300'
,shade: 0.8
,id: 'LAY_layuipro' //设定一个id，防止重复弹出
,resize: false
,btn: ['火速围观', '残忍拒绝']
,btnAlign: 'c'
,moveType: 1 //拖拽模式，0或者1
,content: '&div style="padding: 50 line-height: 22 background-color: #393D49; color: # font-weight: 300;"&内容&br&内容&/div&'
,success: function(layero){
var btn = layero.find('.layui-layer-btn');
btn.find('.layui-layer-btn0').attr({
,target: '_blank'
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具博客分类：
打开弹出层：
在list页面带入layer.js
&script type="text/javascript" src="/admin/layer/layer.js"&&/script&
在list页面点击时，弹出form弹出层，list.js：
$(".add_category,.update").click(function(){
var doMain = $('.domain_name').val();
layer.open({
shade: [0.5, '#000', false],
area: ['900px', '530px'],
fix: false, //不固定
maxmin: true,
title: ['添加或修改用户类型', false],
content: doMain+"/Stat/QueryUserCategoryForm.action?adminUserCategory.id="+$(this).val()
在点击form弹出层的“保存”按钮时，如果保存数据成功，则关闭弹出层，并且刷新list页面：
submitHandler: function (form){
$('.domain_name').val()+"/Stat/AddOrUpdateUserCategory.action",
$(form).serialize(),
function(data){
var result = eval("("+data+")");
if(!result.status){
alert(result.message);
//添加数据成功，关闭弹出窗之前，刷新列表页面的数据
parent.window.location.href=$('.domain_name').val()+"/Stat/QueryUserCategoryListStat.action";
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
parent.layer.close(index);
yunlian0621
浏览: 43219 次
来自: 成都
大神啊、、、、
我只是来试试
测试评论：childNodes与chi ...
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'

我要回帖

更多关于 layer弹出框 不要关闭 的文章

 

随机推荐