退出
充值

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2019-10-21
jQuery基于layui.js制作的一款外部调用弹窗代码,点击按钮弹出窗口,窗口是外部调用html文件,支持文字、图片、视频、表单等内容,还可拖动窗口。


js代码

<script src="layui/layui.js"></script>
<script>
layui.config({
  version: '1568076536616' //为了更新 js 缓存,可忽略
});
 
layui.use(['layer'], function(){
  var layer = layui.layer; //弹层
  var $ = layui.$;
  $("#open").on("click",function(){
    layer.open({
        type: 2
        , title: '弹出窗口'
        , area: ['600px', '400px']
        , content: './wantOpen.html'
        , btn: ['立即提交', '全部关闭'] 
        , yes: function (index, layero) {
            var iframeWindow = window['layui-layer-iframe' + index];
            obj = iframeWindow.document.getElementById("saveArtPontItemSetView");
            //保存按钮单击事件
            iframeWindow.layui.form.on('submit(save)', function (data) {
                console.log(data);
                return false;
            });
            obj.click();

        }
        , cancel : function () {
           
        }
        , btn2: function () {
            layer.closeAll();
        }

    });
  });
  

});
</script>