使用layer来进行页面弹窗操作
2019-06-15 14:05:10 阅读：2195
效果如上图。接下来说一下怎么使用，首先，先去layer官网下载一个layer包，放到你的程序文件夹里，然后给需要使用弹窗的页面引入jquery和layer，然后就是把下面的方法引入页面中：functionwopen(uls,window_name){
layer.open({
type:2,
title:window_name,
btn:['关闭'],
shadeClose:false,
shade:0.8,
area:['94%','94%'],
closeBtn:0,
content:uls,
yes:function(index,layero){
window.location.reload(true);
}
});
}其中需要注意的是我设置的几个选项，上面代码中。如果你shadeclose和shade这些都不了解，那我没的说了，建议你先去官网看一下教程。然后是给使用的链接改一下，比如这个链接：你好那么改造之后应该是这样：你好最后，使用jquery监听一下edit_xf的点击事件，并获取id，重新组装url穿给刚才上面的js方法就行了。具体如下：$(function(){
$(".edit_xf").click(function(){
varid=$(this).attr('id');
varuls="http://www.baidu.com/index.html?id="+id;
wopen(uls,'我是弹窗的标题名字');
});
});
上报错误
