layer.msg无效原因

最新推荐文章于 2024-06-17 19:15:00 发布

一只乌龙

最新推荐文章于 2024-06-17 19:15:00 发布

阅读量1w

点赞数 2

本文链接：https://blog.csdn.net/qq_40365482/article/details/105361620

版权

六、前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这里写目录标题

原因一：同时引入多版本layui：

在这里插入图片描述

原因二：scripts写法错误：

应为：

 layui.use('layer', function () {
        var test123 = document.getElementById("test123");//test123为按钮id
        test123.onclick = function () {
            layer.msg("这是layui弹出信息层");
        }
    })

错误写法：

html：

<button onclick="testdemo1()">按钮1</button>

js：

 function testdemo1() {
            layer.msg("弹不出来的弹窗");
        }

—————————————————————————————————

完整代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>登陆</title>
    //layui样式引用
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
</head>

<body>
	<div id="wrapper">
	   <button id="test123">test</button>
	</div>

//要加jquery引用和layui.js
<script src="/assets/libs/jquery-1.12.4/jquery.min.js"></script>
<script src="/layui/layui.js"></script>
<script type="application/javascript">
<script>
    layui.use('layer', function () {
        // layer = layui.layer;
        var test123 = document.getElementById("test123");
        test123.onclick = function () {
            layer.msg("这是layui弹出层样式");
        }
    })
</script>
</body>
</html>