关于试用layui弹窗层的心得

2018/9/20 20:26:8 | 阅377 来源:好空间网络 [打印] [关闭]
 

<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等

所以记录下来,以后备查


经营许可证ICP:皖B2-20100052 公司邮箱:zcdnsz@jspkongjian.net
Copyright © 2004-2015, 安徽好空间网络科技有限公司 版权所有 , 本站素材部分来源于网络,如有侵权请告知删除。