最近做项目需用到一个弹出层加载iframe页面的东西，首先想到layer插件,此插件用到过多次，兼容性很好，功能也强大，废话不多说上代码。
其实功能很简单，就是在目标页面选择一个值，回掉回来，说明一下主要的代码。
$("#ChoiceBank").click(function () {
var width = $("#content").css("Width");
layer.open({
type: 2,
title: '开户银行选择',
area: [width, '380px'],
content: ['/Bank.aspx', 'no'],
btn: ['确定', '取消'],
yes: function (index, layero) {
var body = layer.getChildFrame('body', index); //此处我理解的是加载目标页面的内容
$("#当前页面需要设置的元素").val(body.find('#h_bankName').val()); //查到目标页面的内容赋给当前页面元素
layer.close(index);//这块是点击确定关闭这个弹出层
}
});
});
此弹出窗口触发条件有多个分别为
success - 层弹出后的成功回调方法
yes - 确定按钮回调方法
cancel - 取消和关闭按钮触发的回调
end - 层销毁后触发的回调
需要说的就这么多不清楚的，可留言，或者去官方论坛发帖。