Javascript 创建动态jquery工具提示

我制作了一个jquery工具提示，但有问题，当鼠标在链接“工具提示”框中输入时，工具提示不显示在链接“工具提示”旁边，它显示在链接“工具提示”上方，如何设置它

演示：

---

像这样的工作，你仍然有一个错误，工具提示有时会消失在一个新的锚悬停。我会让你去解决这个问题，或者问另一个问题

function setOffset(ele, e) {
    var tooltip = $(ele).prev();
    var element = $(ele);
    tooltip.css({
        left: element.offset().left - element.width() - tooltip.width(),
        top: element.offset().top - tooltip.height(),
        opacity: 1
    }).show();
}

---

这里是它的jsFiddle:

您需要计算窗口宽度，并用工具提示的宽度和偏移量减去它

 if(winwidth - (offset *2) >= tooltipwidth  + e.pageX){
                            leftpos = e.pageX+offset;
                    } else{
                        leftpos = winwidth-tooltipwidth-offset;
                    }

---

如果您想了解更多详细信息，请参阅：）

您能否澄清问题？你想让工具提示做什么？请看我的示例：工具提示框它是：但我想是：。如何解决这个问题？

 if(winwidth - (offset *2) >= tooltipwidth  + e.pageX){
                            leftpos = e.pageX+offset;
                    } else{
                        leftpos = winwidth-tooltipwidth-offset;
                    }