jQuery中的工具提示鼠标移动问题

Question

我在鼠标移动时使用了工具提示。 它的工作正常。 但我无法在锚标记元素内访问。 鼠标光标不应在工具提示容器内移动。 我没有使用任何插件作为工具提示。 谁能解决这个问题。

$(document).on('mousemove','.showmobileRegfieldDef',function(e){
    var left = e.pageX - $(this).parent().offset().left - 70;
    var top = e.pageY - $(this).parent().offset().top + 300;
    $('#popup-content').css( {
        top: top,
        left: left
    } ); 
});

Answer 1

 var tooltips = document.querySelectorAll('.tooltip span');
       window.onmousemove = function (e) {
       var x = (e.clientX + 20) + 'px',
        y = (e.clientY + 20) + 'px';
        for (var i = 0; i < tooltips.length; i++) {
            tooltips[i].style.top = y;
            tooltips[i].style.left = x;
        }
    };

不知道您的问题真正意味着什么。 无论如何尝试这个js。 它也在锚标签内工作。 :)

看到这个小提琴。 希望我的回答有帮助。 谢谢http://jsfiddle.net/JVDFc/

Answer 2

您无需检查客户位置即可获得工具提示。 我宁愿这样做：

addTooltip: function(element, text) {
     var tooltip = $("<span>").css({
            position: "absolute",
            display: "none",
            background: "yellow"
        }).addClass("tooltip").text(text);
     $(element).append(tooltip);
     $(element).hover(function(){
         tooltip.css("display", "block"); 
     }, function(){
         tooltip.css("display", "none"); 
     });
},

代码将工具提示附加到相关的元素上，如果将鼠标悬停在其上，则将其显示。 您现在所要做的就是根据您的需求更改CSS，然后就完成了