layui弹框第二次为啥不显示,只显示遮罩层,第一次可以正常弹出

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" type="text/css" media="all" href="./layui243/css/layui.css" />
<script type="text/javascript" src="./layui243/layui.js"></script>
<script type="text/javascript" src="./jquery-3.1.1.min.js"></script>
<style>

button {
  width: 100px;
  height: 30px
}
#content .contentTop {
  height: 300px;
}

</style>
</head>
<body>
<div id='content' style='display: none'>

<div class="contentTop"></div>
<div class="contentBottom">
  <textarea rows="3" cols="20"></textarea>
</div>

</div>
<div>

<button id='btn'>客服</button>

</div>
</body>
<script>
$('#btn').click(function() {

layui.use(['layer'], function(){
  var layer = layui.layer;
  layer.open({
    title: 'talking',
    content: $('#content'),
    offset: 'auto',
    area: ['500px', '600px']
  });
});

})
</script>
</html>

阅读 4.8k
1 个回答

弹出框加个参数, type: 1

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