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>
在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载
本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。
如果侵犯了你的权益请来信告知我们删除。邮箱:737597453@qq.com


