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

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后免费
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

所有文章为演示数据,不提供下载地址,版权归原作者所有,仅提供演示效果!

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

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

相关文章

评论
暂无评论
jQuery基于layui.js外部调用弹窗代码-海报

分享本文封面