首页 > 其他分享 >【LAYUI】关于layui中iframe的弹出框不居中的解决办法

【LAYUI】关于layui中iframe的弹出框不居中的解决办法

时间:2023-06-05 15:03:10浏览次数:34  
标签:居中 layer LAYUI 出框 弹出 iframe message 提示框 页面


有可能是页面缺少这个声明 ,记录一下

<!DOCTYPE html>

我的案例

1 弹出框不居中

【LAYUI】关于layui中iframe的弹出框不居中的解决办法_java

2 在相应页面添加<!DOCTYPE html>

【LAYUI】关于layui中iframe的弹出框不居中的解决办法_tsu_02

3 弹出的提示框居中显示

【LAYUI】关于layui中iframe的弹出框不居中的解决办法_layui_03

另外,如果你发现子级页面弹出的提示框不居中,不妨加个 parent 或者 top

parent.layer.msg(data.message, {
  icon: 5,time: 1500});
}

top.layer.msg(data.message, {
  icon: 5,time: 1500});
}


标签:居中,layer,LAYUI,出框,弹出,iframe,message,提示框,页面
From: https://blog.51cto.com/u_16131663/6416178

相关文章

  • layui loading某些情况下显示不居中
    要在layer.load之前使用layer.ready方法 layui.use('layer',function(){layer.ready(function(){index=layer.load(1,{shade:[0.4,'#000']......
  • jQuery使用iframe做tab标签
    jQueryTab插件[url]http://jqueryui.com/tabs/#default[/url][b][color=red]Jquery、tabs、iframe相结合[/color][/b][url]http://blog.sina.com.cn/s/blog_656977f401014oy6.html[/url]使用Jquery中的ui.tabs.js,如果tab中的界面有按钮需要跳转到新的页......
  • 在HTML5中有什么可以替代iFrame
    最佳解决方法通常有4种方法可以将HTML嵌入到网页中:<iframe> iframe的内容完全位于当前页面不同的上下文中。虽然这是一个很棒的功能,而且是不同浏览器版本之间兼容最好的,但是它也带来了额外的问题(将frame大小跟网页内容设置一致比较麻烦)。AJAX。可以使用XMLHttpRequest对象来检索......
  • layui 日期控件问题
    日期控件正常可弹出,点击返回,设置页面隐藏后,再显示,日期控件不弹出。//返回列表$('#backList').on('click',function(){$('#xxx').hide();$('#yyyy').show();$(window).trigger('resize');});日期控件渲染的时候需要清除lay-key......
  • layui 基础使用一
    table中单元格可点击,数据样式渲染:table.render的配置项cols所在列配置如下:{field:'name',title:'姓名',width:120,templet:function(d){varnameDom='<aclass="table-inner-handle">'+d.name+'</a>&#......
  • js判断本页面被 iframe 嵌套
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device......
  • laytpl( Layui 的一款轻量 JavaScript 模板引擎)
    laytpl 是Layui的一款轻量JavaScript模板引擎,在字符解析上有着比较出色的表现。laytpl是一款颠覆性的JavaScript模板引擎文档说明一、模版语法输出一个普通字段,不转义html:{{d.field}}输出一个普通字段,并转义html:{{=d.field}}JavaScript脚本:{{#JavaScriptstate......
  • Iframe在Vue中的状态保持技术
    引言Iframe是一个历史悠久的HTML元素,根据MDNWEBDOCS官方介绍,Iframe定义为HTML内联框架元素,表示嵌套的BrowsingContext,它能够将另一个HTML页面嵌入到当前页面中。Iframe可以廉价实现跨应用级的页面共享,并且具有使用简单、高兼容性、内容隔离等优点,因此以Iframe为核心形成了前......
  • layui table.exportFile 导出数据常见应用场景
    layuitable.exportFile导出数据常见应用场景置顶jhadjahjhb于2020-12-2216:46:36发布5896收藏8分类专栏:layui文章标签:layui版权layui专栏收录该内容1篇文章0订阅订阅专栏layuitable.exportFile导出数据数据准备工作场景1,导出全部数据场景2,导出......
  • layui渲染checkbox触发方法
    html:<span><inputtype="checkbox"id="checkAllBz"name="checkAllBz"value=""checkedlay-filter="filterName"lay-skin="primary">全选</span>js:layui.use(......