Question

当用户将鼠标悬停在缩略图上时，我正在尝试显示包含完整版图像的工具提示。我希望工具提示从缩略图显示在左侧和左侧。图像可以由用户动态设置，所以我不知道它的大小。这是一个演示它的小提琴：

$(function () {
    $(document).tooltip({
        show: false,
        hide: false,
        position: {
            my: "right bottom",
            at: "left top"

        },
        content: function () {
            var contentStr = "<img src='" + this.src + "'>";
            return contentStr;
        }
    });
});

如您所见，有两个相似的图像，一个位于维基媒体，另一个位于保管箱。对于维基媒体图像，工具提示在缩略图上正确显示，而对于保管箱图像则没有。对于它们中的任何一个，工具提示都是水平正确显示的。如果我然后指定图像的高度和宽度，则工具提示垂直正确显示，而不是水平完全正确显示（参见下面的项目符号2）。

我可以看到，这里有两个问题：

首先，一些服务器在发送响应时提供图像尺寸，而其他服务器则不提供。然后，JQuery使用此维度来计算工具提示位置。有谁知道是否是这种情况，如果是的话，应该在服务器端做什么？或者，如果有办法让JQuery使用实际的图像大小。
其次，即使设置了大小，看起来工具提示容器的宽度也限制为400px，因此如果图像较大，则只显示在容器外部。但是，JQuery使用此宽度来计算工具提示位于父级左侧时的位置。有谁知道为什么会有这样的限制，怎么可以解决？

谢谢！

包含没有指定尺寸的图像时，JQuery UI工具提示放错了位置

0 个答案: