layer.open再次渲染html,子页面调用在父页面打开弹出层,渲染html

编程入门 行业动态 更新时间:2024-10-28 11:28:28

layer.open再次渲染html,子<a href=https://www.elefans.com/category/jswz/34/1771336.html style=页面调用在父页面打开弹出层,渲染html"/>

layer.open再次渲染html,子页面调用在父页面打开弹出层,渲染html

  • 使用的版本 layui-v2.5.6
  • 是在父页面弹出层,显示;调用的是父页面的layer.open();

父页面:

<link href="/layui/css/layui.css" rel="stylesheet" />
<script src="/layui/layui.all.js"></script>
<script src="/script/jquery-1.11.3.min.js"></script>
<script type="text/javascript">layui.use(['form', 'element', 'layer', 'util', 'laypage'], function () {var form = layui.form, layer = layui.layer, util = layui.util, element = layui.element, laypage = layui.laypage;    });
</script>

子页面

<link href="/layui/css/layui.css" rel="stylesheet" />
<script src="/layui/layui.js"></script>
<script src="/script/jquery-1.11.3.min.js"></script><a class="button text-btn" href="javascript:pageConfig.publishWindow('108170163748288' );" style="background:#339900 ;color:#ffffff;padding:2px 4px;border-radius:3px;"><i class="layui-icon layui-icon-release"></i>发布</a><script type="text/template" id="win_publish_div"><div id="win_wzpublish" class="layui-form" style=" padding:20px; " lay-filter="winpublish">  <div class="layui-form" style="padding:20px;"><div class="layui-form-item"><select name="selwin_wzpublish" id="selwin_wzpublish"><option value="">请选择发布到的栏目</option><option value="28a18413-9952-41d6-dc97-08dad8ef948e">头条新闻</option><option value="721171be-9c30-4f25-fa15-08dadb8890d7">勘研动态</option><option value="3e0ce84e-91a9-47cf-dc96-08dad8ef948e">通知公告</option></select></div> <div style=" ">  <button class="layui-btn layui-bg-orange" id="btnPreview">发布预览</button><button class="layui-btn  " id="btnPublish" style="margin-left:30px;">确定发布</button></div></div> </div>
</script><script type="text/javascript">var parentDOM = top || window;layui.use(['laydate', 'form', 'element']   , function(){var laydate = layui.laydate;日期时间选择器//laydate.render({//    elem: '#orderPublishDate',//    type: 'datetime'//});//laydate.render({//    elem: '#orderEndPublishDate',//    type: 'datetime'//});});!function (p) {//发布窗口p.publishWindow = function (articleId) {var width = window.innerWidth - 30;if (window.innerWidth >= 1024) {width = 900;}var boxSize = [width + 'px', '800px'];var index = parentDOM.layer.open({type: 1,offset: 'auto',title: '发布文章',area: boxSize, //宽高content: $("#win_publish_div").html(),success: function (layero, index, that) {var winDom = parentDOM.$("win_wzpublish");parentDOM.layui.form.render(null, "winpublish");var   laydate = parentDOM.layui.laydate;//日期时间选择器laydate.render({elem: '#orderPublishDate',type: 'datetime'});laydate.render({elem: '#orderEndPublishDate',type: 'datetime'});}});}}(pageConfig);        

更多推荐

layer.open再次渲染html,子页面调用在父页面打开弹出层,渲染html

本文发布于:2023-11-30 11:08:56,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1649780.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:页面   弹出   layer   open   html

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!