JavaScript layer父页面调用子页面方法（layer）

最新推荐文章于 2022-07-01 10:45:59 发布

Koala-Li

最新推荐文章于 2022-07-01 10:45:59 发布

阅读量6.6k

点赞数 1

分类专栏： Javascript+jQuery 文章标签： javascript layer

本文链接：https://blog.csdn.net/LN_Prince_AngellLove/article/details/78800699

版权

Javascript+jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍了如何在JavaScript中利用layer插件实现父页面调用子页面的方法。通过创建layer弹窗并监听确认按钮，示例展示了在子页面定义函数`sureChoose`后，父页面如何在`yes`回调中调用该函数并关闭弹窗。

摘要由CSDN通过智能技术生成

子页面JS方法：

[javascript]view plain copy 
   
 function sureChoose(){  
     alert("你好！");  
 }  

父页面JS中layer调用子页面方法：

[javascript]view plain copy 
   
 // 添加供应商  
 $(function(){  
     $('.addSupplierBtn').click(function(){  
         var url = "/relation/getSupplierList?productId=" + $("#productId").val();  
         layer.open({  
           type: 2,  
           area:['700px','550px'],  
           title: '添加供应商',  
           closeBtn: 1,  
           shadeClose: true,  
           anim:0,  
           btn:['确定','取消'],  
           content: [url,"yes"],  
           yes: function(index, layero){  
               var body = layer.getChildFrame('body', index);  
               var iframeWin = window[layero.find('iframe')[0]['name']];  
               iframeWin.sureChoose();  
               layer.close(index);  
           }  
         });  
     });  
 })  