话不多说,直接上代码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>房间</title>
</head>
<body>
<div id="code"></div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="layer/layer.js"></script>
<script type="text/javascript"></script>
<script>
$(function(){
setRoonName();
})
function setRoonName(){
layer.prompt({title: '请输入房间名',formType: 0}, function(text, index){
layer.close(index);
doOpen(text);
});
}
</script>
</body>
</html>
大概就是类似这样,页面打开,代码直接加载。这就造成出现上面的问题了。 弹层一直一开始打开偏左。
出现的原因如下:
因为你是页面加载之后就弹出了,其实这时候layer还没加载好,需要像下面这样子layer.ready的时候再弹出。
解决的方案如下:
解决,完美!