利用jQuery实现外部调用弹窗代码



8 30 11



特效描述:利用jQuery实现 外部调用 弹窗代码,利用jQuery实现外部调用弹窗代码

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />

2. 引入JS

<script src="layui/layui.js"></script>

3. HTML代码

<button id="open"  class="layui-btn layui-btn-primary">弹出窗口</button>
<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>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 弹出层拖动 窗口 弹出 弹窗 弹出层 提示框 对话框 遮罩 遮罩层 弹窗插件 提示框/弹出层

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到