jquery mouseover ,mousemove 改为mouseenter,mouseleave后 小窗口仍然抖动

按网友说的mouseover改为mouseenter等 仍然小窗口闪现

js

    $('.icon-info').on('mouseenter', function(){
        var $tr = $(this).parents('tr');
        var top = Math.max($tr.offset().top, 10);
        var left = Math.max($tr.offset().left,10);

        var courseName = $tr.find('td:nth-child(2)').text();
        courseName="aa"
        $('#popover-user dd').text(courseName)
        var height= Math.max($('#popover-user').height(),10);

        $('#popover-user').css('top',top-height).css('left',left-12).addClass('ready');
    });
    $('.icon-info').on('mouseleave', function(){
        $('#popover-user').removeClass('ready');
    });代码

html

<span class="icon-info"></span>

图片描述

因为图标是通过css 生成的,鼠标箭头放到图标上就会不显示,请问大牛这个如何解决?

阅读 2.9k
2 个回答

还是国内大神多啊,终于找到了解决方案。
pointer-events: none

你可以把你的最终效果截图出来,这样大家更容易理解些。也能较快的给你方案

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题