layer.open 弹窗 关闭按钮不见了?什么原因

我一个页面有两个弹窗,其中一个没有关闭按钮

代码:
layer.open({

      type: 1,
      skin: 'layui-layer-rim', //加上边框
      area: ['1000px', '700px'], //宽高
      title: '帖子详情',  
      content: contents,
     

});

阅读 14k
4 个回答

原因是我拼接contents的时候 '+=' 写成 '=' 了,所以才影响到了吧。修改过来后就可以了

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="layui/css/modules/layer/default/layer.css"/>
    <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
    <script src="https://cdn.bootcss.com/jquery/2.1.0/jquery.js"></script>
    <script src="layui/lay/modules/layer.js">
    </script>
    
</head>
<style type="text/css">
    #our{
        width: 200px;
        height: 50px;
        background: red;
    }
    #you{
        width: 200px;
        height: 50px;
        background: blue;
    }
</style>
<body>
    
    <div id="our">
        我们
    </div>
    <div id="you">
        你们
    </div>
</body>

</html>
<script type="text/javascript">

$("#our").on("click",function(){
    layer.open({
     type: 1,
     skin: 'layui-layer-rim', //加上边框
     area: ['1000px', '700px'], //宽高
     title: '帖子详情',  
    content: "加油"
 
      });
})
$("#you").on("click",function(){
    layer.open({
     type: 1,
     skin: 'layui-layer-rim', //加上边框
     area: ['1000px', '700px'], //宽高
     title: '帖子详情',  
    content: "必胜"
 
      });
})

</script>

新手上路,请多包涵

添加基础参数就可以了,

layer.open({
      type: 1,
      skin: 'layui-layer-rim', //加上边框
      area: ['1000px', '700px'], //宽高
      title: '帖子详情',  
      content: contents,
      closeBtn:1
});

layer提供了两种风格的关闭按钮,可通过配置1和2来展示,如果不显示,则closeBtn: 0

新手上路,请多包涵

插件中有一个icon.png 图片,把这张图片放在css目录下就可以了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题