jQuery基于layui.js外部调用弹窗代码

2019-10-31 0 2,140

jQuery基于layui.js制作的一款外部调用弹窗代码,点击按钮弹出窗口,窗口是外部调用html文件,支持文字、图片、视频、表单等内容,还可拖动窗口。

jQuery基于layui.js外部调用弹窗代码

  1.  js代码
  2. <script src="layui/layui.js"></script>
  3. <script>
  4. layui.config({
  5.   version: '1568076536616//为了更新 js 缓存,可忽略
  6. });
  7. layui.use(['layer'], function(){
  8.   var layer = layui.layer; //弹层
  9.   var $ = layui.$;
  10.   $("#open").on("click",function(){
  11.     layer.open({
  12.         type: 2
  13.         , title: '弹出窗口'
  14.         , area: ['600px', '400px']
  15.         , content: './wantOpen.html'
  16.         , btn: ['立即提交', '全部关闭']
  17.         , yes: function (index, layero) {
  18.             var iframeWindow = window['layui-layer-iframe' + index];
  19.             obj = iframeWindow.document.getElementById("saveArtPontItemSetView");
  20.             //保存按钮单击事件
  21.             iframeWindow.layui.form.on('submit(save)', function (data) {
  22.                 console.log(data);
  23.                 return false;
  24.             });
  25.             obj.click();
  26.         }
  27.         , cancel : function () {
  28.         }
  29.         , btn2: function () {
  30.             layer.closeAll();
  31.         }
  32.     });
  33.   });
  34. });
  35. </script>
资源下载资源下载价格2立即购买    升级VIP后免费

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有M币奖励和额外收入!

模板下载吧 网页特效 jQuery基于layui.js外部调用弹窗代码 https://www.mbxzb.com/web/jquery/18740.html

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用
查看详情

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务