layer弹出框弹不出来

提问 未结
2 506
等待618
等待618 2017-12-31
悬赏:20飞吻
版本:独立版layer 3.1.1 浏览器:360
弹出框不能弹出。
代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="layer/layer.js"></script>
<script src="layer/jquery-3.2.1.min.js"></script>
<script>
function test1() {
layer.open({
type: 1,
area: ['600px', '360px'],
shadeClose: true, //点击遮罩关闭
content: '\<\div style="padding:20px;">自定义内容\<\/div>'
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="test" type="button" value="button" onclick="test1()"/>
</div>
</form>
</body>
</html>

回帖
  • 月磊
    2017-12-31
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>
    layui
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/layui.css" media="all">
    <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
    </head>
    <body>
    <form id="form1" runat="server">
    <div>
    <input id="test" type="button" value="button" onclick="test1()" />
    </div>
    </form>
    <script src="layui.js" charset="utf-8">
    </script>
    <script>
    //加上这个--start
    var layer;
    layui.use('layer',function() {
    layer = layui.layer;
    });
    //加上这个--end
    function test1() {
    layer.open({
    type: 1,
    area: ['600px', '360px'],
    shadeClose: true,
    //点击遮罩关闭
    content: '\<\div style="padding:20px;">自定义内容\<\/div>'
    });
    }
    </script>
    </body>

    </html>
    1 回复
  • 等待618
    2018-1-1
    @月磊 谢谢。
    0 回复
本帖已设置禁止回复