ModalPopupExtender 位置不正确的 jquery 工具提示答案

【问题标题】：jquery tooltip on ModalPopupExtender incorrect positionModalPopupExtender 位置不正确的 jquery 工具提示
【发布时间】：2014-04-14 03:06:12
【问题描述】：

这是我现在使用的工具提示：

$('.popupMsg').hover(function (event) {
                var msg = parseInt($(this).attr('Tooltip'));
                $('<div class="tooltipx">' + msg + '</div>')
                    .appendTo('.remarkPopupX')
                    .css('top', (event.pageY - 10) + 'px')
                    .css('left', (event.pageX + 10) + 'px')
                      .fadeIn(0);
            }, function () {
                $('.tooltipx').remove();

            }).mousemove(function (event) {
                var q = GetScreenCoordinates(event.target);
                $('.tooltipx')

                .css('top', (event.pageY - 10) + 'px')
                .css('left', (event.pageX + 10) + 'px')


            });

和css：

.tooltipx {
            display: none;
            font-family: Tahoma; 
            position: absolute;
            border: 2px solid #000000;
            background-color: #FFFFAA;
            padding: 12px 16px;
            color:  #000000;
            text-align: left;
            text-decoration: none;
        }

在父页面上，我对这个自定义工具提示没有任何问题（无论是最大窗口还是默认大小）。但是，工具提示在 ModalExtenderPopup 上的行为奇怪地不同。它出现在远离目标元素的地方（几乎在 modalpopup 之外）；如果我改变窗口大小，它的位置就会改变到其他地方。看起来它的内容宽度和高度似乎受到 modalpopup 本身的影响。那么如何在 modalpopupextender 上的正确位置（目标元素旁边）显示此工具提示？

提前致谢。

【问题讨论】：

标签： jquery tooltip modalpopupextender

【解决方案1】：

好吧，我无法说出确切的解决方案。我正在为工具提示做同样的工作并且遇到了这个位置问题，我尝试先显示工具提示，然后用眨眼定位它，它对我有用。尝试这样进行测试.这可能会给你一些线索。

【讨论】：

【解决方案2】：

我终于通过在显示modalpopup之前获取容器（面板）坐标（顶部，左侧偏移）来解决它。然后分别将这些offests减去event.pageX和event.pageY。

【讨论】：