【Thinkphp5】封装layer弹窗方法

【Thinkphp5】封装layer弹窗⽅法
至于夏水襄陵
1 官⽹下载layer
2 引⼊⽂件:
<!--layer,官⽹可下载-->
<script type="text/javascript" src="/static/home/layer/jquery.min.js"></script>
<script type="text/javascript" src="/static/home/layer/layer.js"></script>
<!--封装JS-->
<script type="text/javascript" src="/static/home/layer/layershow.js"></script>
html代码部分
<a href="javascript:;" onclick="edit('编辑','/home/ucbs/cate_edite?cate_id={$vo.cate_id}','1','800','500')">编辑</a>
js部分:
<script type="text/javascript">
/*编辑*/
function edit(title,url,id,w,h){
layer_show(title,url,w,h);
}
</script>
3 layershow.js
/*弹出层*/
/*
参数解释
外汇百科title    标题
url        请求的url
id        需要操作的数据id
w        弹出层宽度(缺省调默认值)
h        弹出层⾼度(缺省调默认值)
*/
function layer_show(title,url,w,h){
会阴侧切术
if (title == null || title == '') {
title=false;
};
if (url == null || url == '') {
url="404.html";
};
声波识别if (w == null || w == '') {
w=800;
};
if (h == null || h == '') {
h=($(window).height() - 50);
};
手持技术layer.open({
type: 2,
area: [w+'px', h +'px'],
fix: false, //不固定
maxmin: true,
shade:0.4,
title: title,
content: url
});
}
/*关闭弹出框⼝*/
function layer_close(){
尊龙名社var index = FrameIndex(window.name);
parent.layer.close(index);
}

本文发布于:2024-09-23 13:24:30,感谢您对本站的认可!

本文链接:https://www.17tex.com/xueshu/153256.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:弹出   需要   弹窗   部分   解释   切术   识别
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议