Question

我有以下jQuery代码：

        $('span.readMoreReputation').mouseover(function(event) {
        createTooltip(event);               
    }).mouseout(function(){
        // create a hidefunction on the callback if you want
        hideTooltip(); 
    });

    function createTooltip(event){          
        $('<div class="tooltip">test</div>').appendTo('body');
        positionTooltip(event);        
    };

    function positionTooltip(event){
        var tPosX = event.pageX - 10;
        var tPosY = event.pageY - 20;
        $('div.tooltip').css({'position': 'absolute', 'top': tPosY, 'left': tPosX});
    };

它工作得很好，但我想复制qtip（jquery插件）的工作原理。当我将鼠标移到READ MORE文本（代码中的事件）上时，附加的div跟随READ MORE文本的鼠标。

我希望将它放在READ MORE文本的固定位置。

为什么要这样做呢？

Answer 1

我试图使用jQuery函数Offset和Position来工作，但是他们不会返回任何东西。也许这就是我在jsfiddle中的表现？ Idk，无论如何，这是一种方法：http://jsfiddle.net/jMYkS/1/

我相对于跨度添加位置并放置div，它位于绝对内部。您可以更改div上的右/左和上/下值，使其相对于跨度移动。

使用jQuery在鼠标悬停时使用事件处理程序调出弹出框 - 元素跟随鼠标

1 个答案: