Jquery 如何显示'；模态'；鼠标位置上方？

我有一个表格，当鼠标悬停在列标题上时，我尝试显示一个弹出窗口 当老鼠出没时躲起来

弹出行为正常，但位置不正确

我试图添加基于鼠标位置的位置，但它阻止弹出显示

表格

<th id="label_id"></th>

---

$（this）.offset（）左

将与悬停的元素相关，而不是鼠标。要获得鼠标位置，您需要查询传递到悬停回调的事件。工具提示是否应随鼠标移动，并固定在第页的第个位置（如下所示）？另外，如果在视口外滚动页面和工具提示位置（即使在视口中），会怎么样？

<div id="bubble_id" class="bubble" style="display:none;">
   <div class="bubble-text">
      <h4>Definition</h4>
        <hr>
      <p>my definition</p>
   </div>
</div>

        $('#label_id').hover(

            // au survol de la souris sur le champ en-tête
            function () {
                $('#bubble_id').removeAttr("style");

                // mouse coordonate
                var left = $(this).offset().left;
                var top = $(this).offset().top;
                // $('#bubble_id').attr("style","left:"+left+"px;"+"top:"+top+"px;");

            }, 

            function () {
                $('#bubble_id').css({"display":"None"});

            }
        );