jquery - 如何在鼠标位置上方显示“模态”？

Question

我有一个表格，当鼠标悬停在列标题上时，我尝试显示一个弹出窗口，并在鼠标移出时隐藏

弹出行为是好的，但不是位置

我尝试根据鼠标位置添加位置，但它会阻止弹出显示

桌子

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

弹出

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

JS

        $('#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"});

            }
        );

标签： jquerycss