您好!欢迎来到模板下载吧!本站资源24小时自动发货,请放心选购,一次付费,终身下载,售后请提交工单!

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

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

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

  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后免费

阿里云

上一篇:

下一篇:

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

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

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

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

联系作者

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

立刻开启你的建站之旅
现在加入模板下载吧,注册一个账号
  • 模板下载吧拥有海量网站模板及源码,站长亲测干净无后门。

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

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

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

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