{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

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

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>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


爱资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery基于layui.js外部调用弹窗代码
喜欢 ()分享 (0)