为什么我引入layui之后组件没有正常显示

提问 已结 22 348
分身乏术
分身乏术 2019-6-24
悬赏:20飞吻
版本:layui 浏览器:


代码如下

<head>
<meta charset="utf-8">
<title>开始使用layer</title>

<script type="text/javascript" src="js/jquery.min.js"></script> <!-- 你必须先引入jQuery1.8或以上版本 -->
<script type="text/javascript" src="js/layui.all.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<link rel="stylesheet" type="text/css" href="css/layui.css" media="all"/>
<link rel="stylesheet" type="text/css" href="css/index.css" media="all"/>
</head>
<body>
<div id="test1" style="height: 100px ;width: 90px;background-color: #00FF00" onclick="f()">

</div>

<script>

//弹出一个提示层
$('#test1').on('click', function(){
layer.msg('hello');
});

</script>
</body>
回帖
  • lll_lll
    2019-6-24
    @分身乏术 点击会弹出一个灰色的提示弹窗
    代码就是这个
    <div style="width: 100px;height: 100px;background-color: #00ee00" id="test1" onclick="test()"></div>
    function test() {
    layer.msg('hello');
    }
    效果如下
    1 回复
  • 他不应该是弹窗出来吗,怎么是这样不带格式的出现的
    0 回复
  • lll_lll
    2019-6-24
    //js代码里面加载一下layer如下可加载多个模块
    var layer,form,table;
    //加载layui的常用板块
    layui.use(['layer','table','form'], function(){
    layer = layui.layer;
    form = layui.form;
    table = layui.table;
    });
    //先加载再使用
    0 回复
  • lll_lll
    2019-6-24
    @分身乏术 不加载直接使用肯定不行呀 你的layer都没有定义
    0 回复
  • @ll_lll 我以为我用的是layui.all.js,就可以不用定义了
    0 回复
  • @ll_lll 可是我加载了,也还是不行,它有弹出来,但是弹出来的是这个样子,我要是没有加载的话,它应该弹都弹不出来才对啊
    0 回复
  • lll_lll
    2019-6-24
    是什么样子呢 截个图看看
    0 回复
  • lll_lll
    2019-6-24
    @分身乏术 如果加载了 应该是没错的 看看你代码 应该是哪里写错了 或者冲突了
    0 回复
  • lll_lll
    2019-6-24
    @分身乏术 把layer改成layui.layer试试
    0 回复
  • @ll_lll

    那个绿色的那个框是我定义的div id =“test1”
    然后点击它是

            //弹出一个提示层
    $('#test1').on('click', function(){
    layer.msg('hello');
    });
    然后结果出现的结果如你所示,它是变成hello显示在底下,不是示例的那个样子
    0 回复