为什么没有鼠标移上去tooltip功能?

提问 已结 7 1190
ChenJunHua
ChenJunHua 2018-10-16
悬赏:20飞吻
版本:layui 浏览器:
为什么没有鼠标移上去tooltip功能?
回帖
  • IDyun
    2018-10-16
    <i class="layui-icon alone-tips" lay-tips="推荐有一定前端开发经验,且对项目性能有一定追求的使用"></i>

    //Tips
    $('*[lay-tips]').on('mouseenter', function(){
    var content = $(this).attr('lay-tips');

    this.index = layer.tips('<div style="padding: 10px; font-size: 14px; color: #eee;">'+ content + '</div>', this, {
    time: -1
    ,maxWidth: 280
    ,tips: [3, '#3A3D49']
    });
    }).on('mouseleave', function(){
    layer.close(this.index);
    });
    上面是官网 https://www.layui.com/admin/ homepage.js代码有这个功能
    <link href="../resource/layuiadmin/style/admin.css?v=34" rel="stylesheet" media="all">
    //****/layuiadmin/lib/admin.js*****
    //tips
    $body.on('mouseenter', '*[lay-tips]', function(){
    var othis = $(this);

    if(othis.parent().hasClass('layui-nav-item') && !container.hasClass(SIDE_SHRINK)) return;

    var tips = othis.attr('lay-tips')
    ,offset = othis.attr('lay-offset')
    ,direction = othis.attr('lay-direction')
    ,index = layer.tips(tips, this, {
    tips: direction || 1
    ,time: -1
    ,success: function(layero, index){
    if(offset){
    layero.css('margin-left', offset + 'px');
    }
    }
    });
    othis.data('index', index);
    }).on('mouseleave', '*[lay-tips]', function(){
    layer.close($(this).data('index'));
    });
    0 回复
  • ChenJunHua
    2018-10-16
    如题???
    0 回复
  • 因为作者没有写,所以没有,分给我吧
    0 回复
  • 小魔方
    小魔方 VIP2 (社区之光)
    2018-10-16
    layer 只是一个弹出层,怎么调用她由用户自己来就行了,比如绑定 click 事件触发或者你想要的 hover 事件触发等等
    0 回复
  • lay初见
    2018-10-16
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    </head>
    <body>
    <button id='aa'>hhhh</button>
    <script src='https://hanlei525.github.io/layui-v2.4.3/layui/layui.js'></script>
    <script>
    layui.use(['layer','jquery'],function(){
    var $=layui.jquery;
    var layer=layui.layer;
    $("button").mouseenter(function(){
    layer.tips('Hi,我是tips', '#aa');
    })
    })
    </script>
    </body>
    </html>
    @ChenJunHua 自自个儿加个事件就好了,鼠标移入事件mouseenter
    0 回复
  • ChenJunHua
    2018-10-30
    0 回复
  • ChenJunHua
    2019-1-30
    @IDyun 又有个新问题,如何实现鼠标移到弹出层的时候不消失,移出弹出层后才消失呢
    0 回复