layer.open弹出层5中不同的形式
web Layui 2021-11-18 430 0
关于本站

“最难不过坚持”

本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

2799421 1967 23
最新评论
能不能显示这里当前在播放的视频的文件名?
评 设置video js多视频连续播放
为啥按照你的方法去写完后 提示未定义的hostname?
评 tp6用tp5er实现数据库备份,数据库还原
了解了,应该用超链接去访问 我当时用的是ajax,这回在到你这看看如何用Tp6备份数据库
评 thinkphp6 整合PhpSpreadsheet 导出数据到excel
为什么我执行这个方法 没有下载 ,但用url访问这个页面就可以下载了 是我哪里弄错了吗
评 thinkphp6 整合PhpSpreadsheet 导出数据到excel
:haha:
评 SublimeText3 ctrl+f打开搜索框后怎么关闭?
文章标签更多
ThinkPHP (225)
Mysql (42)
DedeCms (33)
jQuery (54)
证件照 (1)
setInc (4)
setDec (4)
onclick (5)
打开边栏(ESC) 关闭边栏(ESC)

layer提供了5种层类型。type的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)

不同的type对应的content是不同的。

/!*
 如果是页面层
 */
layer.open({
  type: 1, 
  content: '传入任意的文本或html' //这里content是一个普通的String
});
layer.open({
  type: 1,
  content: $('#id') //这里content是一个DOM,注意:最好该元素要存放在body最外层,否则可能被其它的相对元素所影响
});
//Ajax获取
$.post('url', {}, function(str){
  layer.open({
    type: 1,
    content: str //注意,如果str是object,那么需要字符拼接。
  });
});
/!*
 如果是iframe层
 */
layer.open({
  type: 2, 
  content: 'http://sentsin.com' //这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: ['http://sentsin.com', 'no']
}); 
/!*
 如果是用layer.open执行tips层
 */
layer.open({
  type: 4,
  content: ['内容', '#id'] //数组第二项即吸附元素选择器或者DOM
});  
type:1,对应的content

可以是

content: '<textarea id="illegalRemark" rows="7" class="form-control form-control-sm d-inline-block" maxLength="200"></textarea>',
也可以是

content:$('#areasBox'),
对应的areasBox html代码为

<div id='areasBox' style='display:none;padding-top:5px;'>
  <form id='editPassFrom' autocomplete="off">
   <table class='form'>
      <tr>
         <th style='width:100px'>原密码:</th>
         <td><input type='password' id='srcPass' style='width:210px' name='srcPass' class='ipt' data-rule="原密码: required;" maxLength='20'/></td>
      </tr>
      ...
   </table>
  </form>
</div>
type:2对应的content

content: 'http://sentsin.com/xx.html'

版权声明:本篇文章来源于网络。 来源链接

相关推荐
layui垂直导航,鼠标经过去掉左侧的青色条块
Layui | 2019-07-05 6402
打开layui.css找到 .layui-nav-tree .layui-nav-bar{width:5px;height:0;background-color:#009688} 将width:5px改为width:0就可以了
layui栅格如何实现5等分,一行5列
Layui | 2019-07-05 4520
layui栅格如何实现5等分,一行5列? layui 栅格系统是12格的 不能实现5等分,可以自己仿照layui定义css样式 打开laui css查看源码 发现一等分是8.3%   layui是12格的; 所以 实现五等分 12/5*8.3% 就是19.9999992% 5等分,12格,大概每列占比是1...
评论:0条
评论加载中...
发表评论