您好！欢迎来到模板下载吧！本站资源24小时自动发货，请放心选购，一次付费，终身下载，售后请提交工单！
提交工单 快速入门 在线PS 发布资源赚 站长工具箱 领取优惠券荐

模板下载吧

模板下载吧 五周年

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

开拓者 2019-10-31 网页特效 - 网页素材 - 软文推广 2536 已收录

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

  1.  js代码
  3. <script src="layui/layui.js"></script>
  4. <script>
  5. layui.config({
  6.   version: '1568076536616' //为了更新 js 缓存，可忽略
  7. });
  9. layui.use(['layer'], function(){
  10.   var layer = layui.layer; //弹层
  11.   var $ = layui.$;
  12.   $("#open").on("click",function(){
  13.     layer.open({
  14.         type: 2
  15.         , title: '弹出窗口'
  16.         , area: ['600px', '400px']
  17.         , content: './wantOpen.html'
  18.         , btn: ['立即提交', '全部关闭']
  19.         , yes: function (index, layero) {
  20.             var iframeWindow = window['layui-layer-iframe' + index];
  21.             obj = iframeWindow.document.getElementById("saveArtPontItemSetView");
  22.             //保存按钮单击事件
  23.             iframeWindow.layui.form.on('submit(save)', function (data) {
  24.                 console.log(data);
  25.                 return false;
  26.             });
  27.             obj.click();
  29.         }
  30.         , cancel : function () {
  32.         }
  33.         , btn2: function () {
  34.             layer.closeAll();
  35.         }
  37.     });
  38.   });
  41. });
  42. </script>
资源下载资源下载价格2元立即购买  或  升级VIP后免费
温馨提示：本文最后更新于2019年10月31日，已超过 2 年没有更新，如果文章内容或图片资源失效，请留言反馈，模板下载吧会及时处理，谢谢！
支付2元下载 [VIP免费] 查看演示 加入收藏
阿里云

上一篇:

下一篇:

jQuery基于layui.js外部调用弹窗代码：等您坐沙发呢！
大牛，别默默的看了，快来点评一下吧！:)。

您必须登录后才能发表评论哦！:)

站内登录 QQ登录 微博登录
wordpress自适应高级图片shejigh主题

相关推荐

Hi, 如果你对这款模板有疑问，可以跟我联系哦！

联系作者

模板下载吧，累计帮助1000+用户成功建站，为草根创业提供助力！

立刻开启你的建站之旅
  • 微信公众号
  • 模板下载吧
  • 官方QQ群
  • 模版下载吧（群1）
  • 模版下载吧（群2）
  • 模版下载吧（群3）

模板下载吧精品模板

周一至周五 9:00-23:00
（其他时间勿扰）

在线咨询
Copyright ©2014-2020 模板下载吧 阿里云 本站安全防护由创宇云安全提供。
-查询155 耗时0.978 内存 34.21MB
商务合作: vip#mbxzb.com(#换成@)
现在加入模板下载吧，注册一个账号 或
账号登录
QQ登录
';

  • 模板下载吧拥有海量网站模板及源码，站长亲测干净无后门。

  • 注册即能下载免费模板栏目资源，帮您更快的完成网站建设。

  • 每日更新模板资源，每日精品推荐，及时获取最新模板资源流行去向。

  • 完美的售后服务，帮助草根站长、企业等成功建站。

  • 将您最爱的资源收藏，建立自己的资源库，并与朋友分享。