Question

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

$('.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上将此工具提示显示在正确的位置（目标元素旁边）？

提前致谢。

Answer 1

嗯，我不能告诉确切的解决方案。我正在为工具提示工作，并且遇到了这个位置问题，我试图首先显示工具提示，然后眨眼就定位它，它对我有效。试试它就像测试一样这可能会给你一些线索。

Answer 2

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

modalPopupExtender上的jquery工具提示位置不正确

2 个答案: