Jquery 获取鼠标左侧的工具提示

我正在尝试在我的网站上实现一个简单的工具提示。它工作得很好，将工具提示显示在光标的右侧，但现在我尝试只在光标的左侧获得相同的效果。我如何做到这一点

这是我的密码：

---

这可能是个新手问的问题，但我自己似乎无法理解这一点。

您只需根据工具提示的大小修改x值，即可将其更改为向左：

var mousex = e.pageX - $('.tooltip').width() - 20;

---

可以计算工具提示的宽度。显然，如果页面上有多个，则需要更新选择器

.mousemove(function(e) {
            var mousex = e.pageX - 5 - $(".tooltip").width(); //Get X coordinates
            var mousey = e.pageY;      //Get Y coordinates
            $('.tooltip')
            .css({ top: mousey, left: mousex})
    });

---

我将使用以下方法：

var mousex;
var left = e.pageX - $('.tooltip').width() - 20;
if(left > 0)            
    mousex = left;
else
    mousex = 0;

这样，如果链接在页面上离得太远，工具提示就不会在可见区域之外运行

$（文档）.ready（函数（）{
//仅工具提示文本
$（'.nextTooltip'）。悬停（函数（）{
//悬停在代码上方
var title=$（this.attr（'title'）；
$（this.data（'tipText'，title.）.removeAttr（'title'）；
$（“
”）
.正文（标题）
.appendTo（'正文'）
.fadeIn（“快速”）；
}，函数（）{
//悬停代码
$（this.attr（'title'，$（this.data（'tipText'））；
$（'.tooltip'）.remove（）；
}).mousemove（函数（e）{
var mousex=e.pageX；//获取X坐标
var mousey=e.pageY；//获取Y坐标
$（'.tooltip'）。每个（函数（ix，项）{
$（项目）.css({
上图：老鼠，
左：鼠标-$（项）.width（）-20
});
});
});
});​

$(document).ready(function() {
        // Tooltip only Text
        $('.nextTooltip').hover(function(){
                // Hover over code
                var title = $(this).attr('title');
                $(this).data('tipText', title).removeAttr('title');
                $('<p class="tooltip"></p>')
                .text(title)
                .appendTo('body')
                .fadeIn('fast');
        }, function() {
                // Hover out code
                $(this).attr('title', $(this).data('tipText'));
                $('.tooltip').remove();
        }).mousemove(function(e) {
                var mousex = e.pageX;      //Get X coordinates
                var mousey = e.pageY;      //Get Y coordinates
                $('.tooltip').each(function(ix, item) {
                    $(item).css({
                        top: mousey,
                        left: mousex - $(item).width() - 20
                    });
                });
        });
});​