关于试用layui弹窗层的心得
2018/9/20 20:26:8 | 阅3064 | 来源:好空间网络 [打印] [关闭] |
<link rel="stylesheet" href="../layui-v2.4.3/layui/css/layui.css"> <script src="../layui-v2.4.3/layui/layui.js"></script> <script> layui.use('layer', function(){ var layer = layui.layer; layer.open({ title: '提示' ,content: '更新成功' ,yes: function(index, layero){ //点击确定按钮 window.location.href='host.jsp?id=<%=id%>'; } ,cancel: function(index, layero){ //点击右上角X //if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时,该层才会关闭 //layer.close(index) //window.location.href='host.jsp?id=<%=id%>'; //} //return false; window.location.href='host.jsp?id=<%=id%>'; } }); }); </script>
一个非常简单的弹窗提示,
里面有2个地方要注意
1:注意应用 css 和js文件 的路径正确性
2:用户可能点确定和右上角的X关闭弹窗,我已经在代码做了相应 的注释
其中点击右上角的X 还可以有提示, 同理这个也可以应用到点击确定后 的提示
由于本人是前端小白,没有学习哦javascript 和CSS等
所以记录下来,以后备查